本文將介紹FusionCharts Free V2.1的下載及安裝。
下載
你可以在下面的地址下載它。
免費漂亮的Flash圖形報表-FusionCharts Free V2.1下載
文件不大,共4.22M。將FusionCharts Free(以下簡稱FCF)解壓到任意一個目錄后,點擊目錄下的index.html,就可以打開FCF的文檔。
這份文檔我們的網站上也有,地址是http://ajava.org/demo/fusionchartsfree/。
目錄結構
現在我們就來看看這個下載包里面都有些什么東西。
SWF文件(創建圖形主要靠它們了)
所有的SWF文件(共22個)都在FusionChartsFree>Charts文件夾。如果你需要在你的web應用里創建圖形,那么就把這些SWF文件都拷到你的應用下面。
FusionCharts JavaScript文件
FusionCharts JavaScript文件放在FusionChartsFree>JSClass文件夾。這些文件能夠幫你用一種友好的方式把圖形嵌入到html頁面。
示例代碼
所有的代碼都放在FusionChartsFree>Code文件夾。
圖形例子
我們創建了一些圖形例子,放在FusionChartsFree>Gallery文件夾。你也可以通過文檔左邊的菜單Sample Charts來訪問它。
文檔
文檔就放在FusionChartsFree>Contents文件夾,你可以直接點擊FusionChartsFree下面的index.html來訪問。
安裝
了解了下載包的目錄結構以后,我們再來看看如何安裝FCF到web應用里。
只需要兩個步驟即可完成安裝。
1、在你的web應用根目錄下新建一個叫FusionCharts的文件夾。當然,并不是說它一定要叫這個名字,也不是一定要在根目錄下。
2、把所有的SWF文件都拷貝到這個FusionCharts里。
這就完成安裝了,不再需要其他多余的步驟。
當然,有些情況下,并不需要與服務器的交互(比如,你直接使用JavaScript來嵌入,而不用jsp或php。數據也是直接寫死在你的JavaScript代碼里或xml文件里。),為了學習方便,你也可以把它安裝在你的電腦上隨便一個地方,比如d:\test下。安裝步驟和上面的安裝一樣。
SWF
接下來介紹SWF文件都分別對應哪種圖形。
Single Series Charts |
Column 3D |
FCF_Column3D.swf |
Column 2D |
FCF_Column2D.swf |
Line 2D |
FCF_Line.swf |
Area 2D |
FCF_Area2D.swf |
Bar 2D |
FCF_Bar2D.swf |
Pie 2D |
FCF_Pie2D.swf |
Pie 3D |
FCF_Pie3D.swf |
Doughnut 2D |
FCF_Doughnut2D.swf |
|
Multi-series Charts |
Multi-series Column 2D |
FCF_MSColumn2D.swf |
Multi-series Column 3D |
FCF_MSColumn3D.swf |
Multi-series Line 2D |
FCF_MSLine.swf |
Multi-series Bar 2D |
FCF_MSBar2D.swf |
Multi-series Area 2D |
FCF_MSArea2D.swf |
|
Stacked Charts |
Stacked Column 3D |
FCF_StackedColumn3D.swf |
Stacked Column 2D |
FCF_StackedColumn2D.swf |
Stacked Bar 2D |
FCF_StackedBar2D.swf |
Stacked Area 2D |
FCF_StackedArea2D.swf |
|
Combination Charts |
Multi-series Column 3D + Line - Dual Y Axis |
FCF_MSColumn2DLineDY.swf |
Multi-series Column 3D + Line - Dual Y Axis |
FCF_MSColumn3DLineDY.swf |
|
Financial Charts |
Candlestick Chart |
FCF_Candlestick.swf |
|
|
Funnel Chart |
|
Funnel Chart |
FCF_Funnel.swf |
|
|
Gantt Chart |
|
Gantt Chart |
FCF_Gantt.swf |
FCF支持上面的22種圖形,對于大部分人來說,都足夠了。
好了,到現在為止還沒有開始真正的編程,大家可能有點急了吧,下篇文章我們就來創建我們的第一個Flash圖形報表。
本文原始地址:http://ajava.org/hot/fusioncharts/816.html