FusionChartsV3.2导出图片操作指南(java版)
(网络ID:gadfly80,QQ:6982392 Email:[email protected])
(网络ID:gadfly80,QQ:6982392 Email:[email protected])
查阅了FusionCharts的帮助文档Exporting as Image/PDF部分,再结合搜索到网络资料(网络上最新的资料只有V3.1,参考价值有限),并将自己实际操作过程和体会整理记录,供大家参考。
一、必须的FusionCharts文件
1、图形Swf文件:将Download Package>Charts目录下需要的图形swf(如Pie2D.swf)文件拷贝到系统的web的特定目录(/web/FusionCharts/)下。
2、FusionCharts JavaScript class:FusionCharts.js,将其从Download Package>Charts拷贝到web/FusionCharts/下。
3、FusionCharts Export Handlers(服务器端):参见Download Package > ExportHandlers > J2EE 目录,配置方法见下文。
4、FusionCharts Export Component(客户端):FCExporter.swf,路径为Download Package > Charts,拷贝到/web/FusionCharts下。
5、FusionCharts Export Component JavaScript class:FusionChartsExportComponent.js,将其从Download Package>Charts拷贝到/web/FusionCharts/下。
二、FusionCharts Export Handlers(服务器端)配置
特别说明一下,FusionCharts V3.2与以前版本(如V3.1)有很大不同,应该说配置更简单了,具体可参见Download Package > ExportHandlers > j2EE >Readme.txt。
在服务器端需要三个文件:
1. fcexporter.jar (contains all the dependency classes)
2. fcexporthandler.jar (contains the export handler servlet and resources):
3. /classes/fusioncharts_export.properties (configuration file)
配置过程:
1、拷贝文件:将Download Package > ExportHandlers > j2EE下的fcexporter.jar、fcexporthandler.jar拷贝到WEB-INF/lib下,将Download Package > Code> J2EE> WEB-INF> classes下的fusioncharts_export.properties拷贝到WEB-INF/classes。
该jar包在JDK1.5下测试通过,还提供了JDK1.4的jar包。
2、配置web.xml
增加FCExporter servlet映射到应用配置web文件:
注:url-pattern的值按应用需要修改。
3、数据XML中增加属性:exportHandler='FCExporter',导出处理程序指向到FCExporter,可根据应用需要修改。
4、保存服务器端的配置文件。
修改fusioncharts_export.properties:
SAVEPATH=./images,服务器上保存图片的目录,需写入权限
HTTP_URI=http://www.yourdomain.com:port/images/,访问HTTP路径
OVERWRITEFILE=true/false,是否可覆盖?
INTELLIGENTFILENAMING=true/false
FILESUFFIXFORMAT=TIMESTAMP
三、FusionCharts 显示图形JSP文件
<%@page contentType="text/html;charset=UTF-8"%>
FusionCharts will load here!
四、数据XML文件配置
exportHandler='FCExporter' exportFileName='MyFileName' exportCallback='FC_Exported'
exportEnabled='1' exportAtClient='0' exportAction='download'
>
。。。。
五、保存图片效果截图
![FusionChartsV3.2导出图片操作指南java版_第1张图片](http1://img.it610.com/image/product/9c7c8f08742c4448b70ecac6a98281ef.jpg)
图1 右键弹出菜单驱动方式
![FusionChartsV3.2导出图片操作指南java版_第2张图片](http1://img.it610.com/image/product/b7556e8034cf4ba0b9314026cd9278f8.jpg)
图2 捕获数据处理过程
![FusionChartsV3.2导出图片操作指南java版_第3张图片](http1://img.it610.com/image/product/25877b8c3d164c1c9daaee3fcdd8e5be.jpg)
图3 保存jpg图片
![FusionChartsV3.2导出图片操作指南java版_第4张图片](http1://img.it610.com/image/product/dec96cf3e8f54e4db084389ffa0cba2b.jpg)
图4 Javascript驱动方式保存图片