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参数的详细说明和功能特性

       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安装

posted on 2010-05-30 12:05  zock  阅读(4106)  评论(0编辑  收藏  举报