Fusionchart++Free学习笔记.docVIP

Fusionchart Free学习笔记 注：笔记关于FusionChart的一些基本介绍择选自网上，笔记重点讲述FusionChar Free在Jsp中的应用，其典型例子源于下载文档。 第一节：FusionCharts基本介绍 1、1 FusionCharts概况 Fusioncharts是一个基于Flash的图表组件，可以用来提供数据驱动的动态图标，fusioncharts可用于任何网页脚本语言如， HTML格式，JSP技术等等。提供交互式和强大的动态图标，fusioncharts充分利用流体美丽的Flash为模板，使用XML作为其数据接口， 创造紧凑，互动和真正的动态图表。Fusioncharts是以XML为数据接口而成图表。提供XML两种形式：直接以XML文件提供数据。基于数据库数据动态生成XML（此方法在后面详细介绍）。FusionCharts的显著特点： （1）不需要任何Active-X或扩展控件 不需要安装任何扩展Active-X控件或组件来渲染效果。对于服务器不需要安装组件，FusionCharts能够运行的非常流畅。你只需上载核心的SWF文件到服务器中并将为其配置XML数据文件。 （2）栩栩如生的效果可以增加站点美学效果： 通过Active-X控件或组件制作的图形是静态GIF或JPEG文件。但是，通过FusionCharts就能制作出光滑 、栩栩如生的动态图像效果，同时也很方便的为XML数据文件自定义附加属性。 （3）减少服务器负载： FusionCharts能很大程度地减轻服务器的负荷，相当在客户端处理工作。客户端仅仅需要Macromedia Flash 6播放器，现在来讲非常普通的了，常与游览器的新版本一起推出。由于该控件文件非常小，因此也非常适合窄频带传输。 （4）兼容多种脚本语言： FusionCharts兼容多种脚本语言：如ASP，ASP.NET,JSP, PHP, Perl, CGI, CF等，如同在客户端进行处理时，无论是哪一种脚本语言通过数据访问组件都没太大关系。该控件能够自定义从文本文件中获取的数据也可以在静态服务器中工作。（文本文件或XML文件包含的数据能够被经常更新） （5）改变客户端动态数据库 你可以用客户端中很少的几句脚本来控制FusionCharts，也能够在客户端中建立全新的图形而不需要重新加载页面和图形。 （6）可在图形中追加其它特征： FusionCharts提供了自制的很多选项：比如透明度、色彩主题、热点选区、盘旋标题等，其最大的好处在于你能够利用XML数据文件进行自定义。 1.2安装FusionCharts 登陆下载，安装FusionCharts只需要将下载文件中的swf文件copy到你需要的文件夹。 怎么样将FusionCharts安装到你的web应用中呢？有两个步骤： 在web application的根目录下建立一个名FusionCharts（名字自定）的文件夹 b、将下载文件包中的Charts文件中的所有文件都copy到FusionCharts文件夹中 第二节：感性认识，建立你的First Chart 用FusionChart建立图表，这里你需要按照以下步骤进行： （1）需要copy下载下来的swf文件 （2）xml数据文件，有两种方法：直接以XML文件提供数据。基于数据库数据动态生成XML。 （3）Html Wrapper File,这里的html文件包含相应的代码嵌入到图中。 按照以上步骤，我们分别建立三个文件：Charts文件，将所有swf文件都copy到此文件中。建立Data.xml文件，文件内容如下： graph caption=Monthly Unit Sales xAxisName=Month yAxisName=Units showNames=1 decimalPrecision=0 formatNumberScale=0 set name=Jan value=462 color=AFD8F8 / set name=Feb value=857 color=F6BD0F / set name=Mar value=671 color=8BBA00 / set name=Apr value=494 color=FF8E46 / set name=May value=761 color=008E8E / set name=Jun value=960 color=D64646 / set name=Jul value=629 color=8E468E / set name=Aug value=622 color=588526 / set name=Sep value=376 color=B3AA