FusionCharts Free使用文档教程第二章-FusionCharts Free安装
本文将介绍FusionCharts Free V2.1的下载及安装。
FCF支持上面的22种图形,对于大部分人来说,都足够了。
下载
你可以在下面的地址下载它。
免费漂亮的Flash图形报表-FusionCharts Free V2.1下载
文件不大,共4.22M。将FusionCharts Free(以下简称FCF)解压到任意一个目录后,点击目录下的index.html,就可以打开FCF的文档。
目录结构
现在我们就来看看这个下载包里面都有些什么东西。
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 |
FusionCharts Free使用文档教程第一章--FusionCharts Free介绍
本文地址:http://www.cnblogs.com/ATree/archive/2010/05/30/FusionCharts-Free-Column2D.html
下一章介绍:FusionCharts Free使用文档教程第三章-FusionCharts Free我的第一个图形
转自:AJava.org 作者:道长A
原文标题:FusionCharts Free中文开发指南[使用文档教程]第二章--FusionCharts Free安装