图片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)在线全文阅读。
相关推荐: