FusionCharts使用手册(3)

图片15

图片16

甘特图

图片17

图片18

看了这么多漂亮的图形以后，是不是有点感到兴奋呢？如果把这么漂亮专业的图形放到用户面前，相信他们也会满意的。事实上，上面的图形，只是本道的截图，真正的flash图表，在显示时还有优美的动画。

好了，就不在多 说了，下篇文章，本道将介绍如何安装使用FusionCharts。

二、下载及安装

下载

你可以在下面的地址下载它。

免费漂亮的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 Column 2D Line 2D Area 2D Bar 2D Pie 2D Pie 3D Doughnut 2D Multi-series Charts Multi-series Column 2D Multi-series Column 3D Multi-series Line 2D Multi-series Bar 2D Multi-series Area 2D Stacked Charts Stacked Column 3D Stacked Column 2D Stacked Bar 2D Stacked Area 2D FCF_StackedColumn3D.swf FCF_StackedColumn2D.swf FCF_StackedBar2D.swf FCF_StackedArea2D.swf FCF_MSColumn2D.swf FCF_MSColumn3D.swf FCF_MSLine.swf FCF_MSBar2D.swf FCF_MSArea2D.swf FCF_Column3D.swf FCF_Column2D.swf FCF_Line.swf FCF_Area2D.swf FCF_Bar2D.swf FCF_Pie2D.swf FCF_Pie3D.swf FCF_Doughnut2D.swf 文件名

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库FusionCharts使用手册(3)在线全文阅读。