FusionCharts 3.2 施用
FusionCharts 3.2 使用FusionCharts 3.2 使用：?这几天项目事情不是很多，研究了下FusionCharts 3.2 。以前用
FusionCharts 3.2 使用
FusionCharts 3.2 使用：
?
这几天项目事情不是很多，研究了下FusionCharts 3.2 。
以前用的是最老版的，不支持导出图片，不支持json数据
?
个人暂时发现新的版本几个好处:?1、支持导出图片 2、json数据格式的支持。
?
下面说下，新版本的用法吧，留个备份：
?
新版本在线预览地址：http://220.178.14.19:8081/fusioncharts
?
步骤一：
从官网下载js文件和swf，地址：http://www.fusioncharts.com/download/
存放到项目对应位置：
?
步骤二：
页面编写：
?
Html代码??
- <!DOCTYPE?html?PUBLIC?"-//W3C//DTD?XHTML?1.0?Transitional//EN"?"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">??
- <html?xmlns="http://www.w3.org/1999/xhtml">??
- <head>??
- <meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>??
- <title>fusionchartV3?测试</title>??
- </head>??
- <body>??
- <script?type="text/javascript"?src="${ctx}/scripts/fusioncharts/FusionCharts.js"></script>??
- <h3>fusionchartV3?测试</h3>??
- <p> </p>??
- <div?id="chartdiv"?align="center">?</div>??
- <script?type="text/javascript">??
- ????var?chart?=?new?FusionCharts("${ctx}/scripts/fusioncharts/swf/MSColumn3D.swf",?"ChartId",?"560",?"400",?"0",?"0");??
- ????chart.setDataUrlParams("id",?"61122");??
- ????chart.setDataURL("${ctx}/fusioncharts/Index.do?method=MSColumn3DSale");??
- ????chart.render("chartdiv");??
- </script>???
- <script?type="text/javascript"?src="${ctx}/commons/scripts/jquery.js"></script>???
- <script?type="text/javascript">//<![CDATA[??
- ?//]]></script>??
- </body>??
- </html>??
?
步骤三：
后台代码：【部分代码有省略】我这里是用freemarker模块生成xml，实现，部分代码截图：
?
注意：1、自己写了个方法【setDataUrlParams】，可以往里面传参数?
? 2、这个当调试的时候，发现每次都会调用2次ajax到后台取数据，研究FusionCharts.debug.js后发现，在1681行的问题，注释后ok！如图：
3、自己改写的js下面有下载
?
?
步骤四：
xml文件：我这里是部分写活的：这里已经配置了导出图片的参数： exportEnabled="1"，具体的说明：
? ? ?http://www.fusioncharts.com/docs/??里面的 http://www.fusioncharts.com/docs/ECXML.html
推荐用：exportAtClient="0" 客户端导出这个模式，速度快， exportHandler="${((ctx)!' ')?html}/FCExporter.do"，
exportHandler是后台导出的方法链接，我的实现
1、servlet里面配置 ：
Xml代码??
- <servlet>??
Xml代码??
- <servlet-name>FCExporter</servlet-name>??
- ????????<servlet-class>com.fusioncharts.exporter.servlet.FCExporter</servlet-class>??
- ????</servlet>??
- ????<servlet-mapping>??
- ????????<servlet-name>FCExporter</servlet-name>??
- ????????<url-pattern>/FCExporter.do</url-pattern>??
- ????</servlet-mapping>??
?
2、引入fcexporter.jar和fcexporthandler.jar（下载包中有）,在用的过程中发现自带的jar包虽然图片可以导出，但是部分代码
报错，所以我有重新改写了下代码，打成了一个jar包fusioncharts.jar，下面有下载
?
Xml代码??
- <?xml?version="1.0"?encoding="GBK"?>??
- <chart?exportFileName="${((exportFileName)!'?')?html}"?exportEnabled="1"?exportAction="download"?exportAtClient="0"?exportHandler="${((ctx)!'?')?html}/FCExporter.do"?caption="Country?Comparison"?showLabels="1"?showvalues="0"?decimals="0"?numberPrefix="$">??
- <categories>??
- ????<category?label="Austria"?/>??
- ????<category?label="Brazil"?/>??
- ????<category?label="France"?/>??
- ????<category?label="Germany"?/>??
- ????<category?label="USA"?/>??
- </categories>??
- <dataset?seriesName="1996"?color="AFD8F8"?showValues="0">??
- ????<set?value="${((id)!'?')?html}"?/>??
- ????<set?value="20148.82"?/>??
- ????<set?value="17372.76"?/>??
- ????<set?value="35407.15"?/>??
- ????<set?value="38105.68"?/>??
- </dataset>??
- <dataset?seriesName="1997"?color="F6BD0F"?showValues="0">??
- ????<set?value="57401.85"?/>??
- ????<set?value="41941.19"?/>??
- ????<set?value="45263.37"?/>??
- ????<set?value="117320.16"?/>??
- ????<set?value="114845.27"?/>??
- </dataset>??
- <dataset?seriesName="1998"?color="8BBA00"?showValues="0">??
- ????<set?value="45000.65"?/>??
- ????<set?value="44835.76"?/>??
- ????<set?value="18722.18"?/>??
- ????<set?value="77557.31"?/>??
- ????<set?value="92633.68"?/>??
- </dataset>??
- </chart>??
?
步骤五：
启动服务器，输入地址：如图
?
?
?
步骤六：
下载破解版的swf，这样生成的flash里面就没有了fusionChart的logo了
下载地址：http://download.csdn.net/detail/misswuyang/3600279
