本文将介绍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