FusionChart32初学指南.docx
《FusionChart32初学指南.docx》由会员分享，可在线阅读，更多相关《FusionChart32初学指南.docx（10页珍藏版）》请在冰豆网上搜索。
FusionChart32初学指南
注：
本教程为java版面向FusionChart初学者，高手绕道。
首先介绍一下Fusionchart最近比较流行的页面图表展示工具，其他信息请XX。
好了要想用Fusionchart必须要有它的工具包本人搞到的是
打开以后可以看到
这里面是一些图标的SWF文件和js文件
把这些东西都放到工程里面如下图：
自己去建立工程这个我不用说了吧，我用的是myeclipse6.0
导入之后firebug-lite.Js在我这会报错可以忽略，实在受不了也可以把这个文件删除，它并不是必须的。
除了这些要想显示一个fusionchart图标还需要以下三个条件：
1、XML数据源
2、Javascript或是html的调用代码（本教程只讲javascript调用）
3、图表展示的载体通常它是一个DIV
好了下面是重头戏如何获得数据源格式，和数据加载方式，要想获得这些东西我们需要访问fusionchart的官网下载相关文件fusionchart官网网址是：
打开之后直接点击download如下图：
也许你还要填写一些个人信息，不过没关系，这很简单。
填完点击download，选择第一个选项
把这个zip文件下载下来看一下里面的目录结构
Version.Txtl里面是各个版本的改动有兴趣的朋友可以看一下
Index.html在这里面你能找到大部分你所需要的信息不过这些我们先不管
我们现在需要的时数据源格式和加载方法在Tools包中给我们提供了两个非常实用的工具打开它
FCDataConverter是一个xml和json互相转换的工具
XMLGenerator是一个XML生成器，不只是XML还有html也同样可以生成打开它
打开XMLGenerator.html可以看到
点击LaunchXMLGenerator打开生成器页面
我只讲第一个iwanttomanuallyenterdata即我想要手动输入数据
我们输入几条数据比如一个dota游戏数据
点击ConverttoXML转换为XML既可以得到我们需要的XML数据源
点击GenerateHTML即可以生成HTML文件
在这里可以选择图标类型
我们选择比较绚的Column3D类型，图标的宽高选择默认
将XML代码拷到工程中Data.xml中
将html代码拷到index.html中,修改文件引用路径为自己项目的路径
也可以使用myChart.setXMLData（String）方法加载拼成的字符串形式的XML文件
启动项目输入地址http:
//10.168.1.100:
8099/chart/pages/index.html可以看到生成的图标了
我们的图标小了点好调整一下宽度
将宽度改为800在修改一下Data.xml数据
保存刷新页面
可以正常显示五个dota游戏玩家的比赛结果柱状图了
然后再介绍一下Gallery包，查了一下Gallery是画廊的意思，顾名思义里是所有图标的图例
开打他
左边是图表分类
点击其中一个选项，示例图标会在右边展示下面有三个按钮，第一个是查看图标，第二个是查看XML格式数据源代码，第三个是Json格式代码
Fusionchart还提供了图标导出功能在ExportHandlers包中提供了示例打开这个包，由于本人现在只会java所以打开J2EE包可以看到
打开Readme.txt，简单翻译一下里面的内容大概是这个意思：
为了将图标导出为image或pdf文件工程中需要以下三个文件
1.fcexporter.jar（containsallthedependencyclasses）
2.fcexporthandler.jar（containstheexporthandlerservletandresources）
3./classes/fusioncharts_export.properties（configurationfile）
安装
第一步复制必要的文件
将fcexporter.jar和fcexporthandler.jar复制到WEB-INF/lib中
将fusioncharts_export.properties复制到WEB-INF/classes下（即src里面）
第二步
配置web.xml,添加如下配置
FCExporter
FCExporter
com.fusioncharts.exporter.servlet.FCExporter
1
FCExporter
/JSP/ExportExample/FCExporter
必须修改url-pattern为你自己的项目路径
指定xml属性exportHandler='FCExporter”假设jsp渲染图表中存在/jsp/ExportExample文件夹。
保存
这是必须要做的fusioncharts_export中。
属性文件。
确保您指定的文件夹的路径
它有写权限。
具体方法请参考其他文档
在Contents中展示了更为详细的图标配置属性信息，可以自行查阅在此不再一一解释
Code中也是展示的同样的内容，
本教程到此为止，希望读者能学会如何使用fusionchart，谢谢阅读本教程
By陈忠波（blogsay@）
2012年7月10日星期二
升级会员 