FusionChart 保存图片
FusionChartsV3.2导出图片
一、必须的FusionCharts文件
1、图形Swf文件:将Download Package>Charts目录下需要的图形swf(如Pie2D.swf)文件拷贝到系统的web的特定目录(/WebRoot/FusionCharts/)下。
2、FusionChartsJavaScript class:FusionCharts.js,将其从Download Package>Charts拷贝到WebRoot/FusionCharts/下。
3、FusionChartsExport Handlers(服务器端):参见Download Package >ExportHandlers >J2EE目录,配置方法见二。
4、FusionChartsExport Component(客户端):FCExporter.swf,路径为Download Package > Charts,拷贝到/WebRoot/FusionCharts下。
5、FusionChartsExport Component JavaScript class:FusionChartsExportComponent.js,将其从Download Package>Charts拷贝到/WebRoot/FusionCharts/下。
二、FusionCharts Export Handlers(服务器端)配置
在服务器端需要二个文件:
1. fcexporter.jar (contains all the dependency classes)
2. fcexporthandler.jar (contains the export handler servlet andresources):
配置过程:
1、拷贝文件:将Download Package >ExportHandlers > j2EE下的fcexporter.jar、fcexporthandler.jar拷贝到WEB-INF/lib下,将
2、配置web.xml
<servlet><display-name>FCExporter</display-name><servlet-name>FCExporter</servlet-name><servlet-class>com.fusioncharts.exporter.servlet.FCExporter</servlet-class><load-on-startup>1</load-on-startup></servlet><servlet-mapping><servlet-name>FCExporter</servlet-name><url-pattern>/FCExporter</url-pattern></servlet-mapping>
增加FCExporter servlet映射到应用配置web文件:
三、FusionCharts显示图形JSP文件(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>FusionCharts v3.2- Client-side Export</title><script type="text/javascript" language="Javascript" src="./FusionCharts/FusionCharts.js"></script><script type="text/javascript" language="JavaScript" src="./FusionCharts/FusionChartsExportComponent.js"></script></head><body><h2 class="headline">FusionCharts Client-side Export</h2><div id="chartContainer" align="center"></div><div id="fcexpDiv" align="center"></div><script type="text/javascript">var myChart = new FusionCharts("./FusionCharts/Column2D.swf", "myChartId", "400", "300", "0", "1");myChart.setXMLUrl("SimpleExample.xml");myChart.render("chartContainer");var myExportComponent = new FusionChartsExportObject("fcExporter", "./FusionCharts/FCExporter.swf");myExportComponent.Render("fcexpDiv");</script></body>
</html>
四、数据XML文件配置
<chart yAxisName='Sales Figure' caption='Top 5 Sales Person' numberPrefix='$' useRoundEdges='1'
bgColor='FFFFFF,FFFFFF' showBorder='0' exportEnabled='1' exportAtClient='1' exportHandler='fcExporter'><set label='Alex' value='25000' /> <set label='Mark' value='35000' /> <set label='David' value='42300' /> <set label='Graham' value='35300' /> <set label='John' value='31300' />
</chart>
XML文件中的exportHandler='fcExporter' 和jsp中
var myExportComponent = new FusionChartsExportObject("fcExporter", "./FusionCharts/FCExporter.swf");
两个名字必须一样。否则不能保存(waiting 变不成save)。
五、保存图片效果截图
1、运行结果
图2捕获数据处理过程
图3处理过程完成后
图4 保存图片选择路径
图5 保存到桌面的图片
FusionChart 保存图片相关推荐
- Extjs中使用FusionChart举例
一 前言: 在项目实施中,设计统计部分经常会使用图表进行显示,在Extjs3中内置了图表控件,但实际表现无法达到3D的美观效果,通过查找FusionChart可以实现比较美观的3D或2D图表显示. ...
- 从oracle中读取图片,Pb从oracle中读取和保存图片
Pb从oracle中读取和保存图片 (2008-12-12 12:23:20) 转载 分类:编程 标签: it //保存图片 //选择文件 string pname, fname integer va ...
- 捕获Camera并保存图片到本地(照相功能) -samhy
Flex博文 捕获Camera并保存图片到本地(照相功能) -samhy 作者:admin 日期:2010-07-12 字体大小: 小 中 大 捕获Camera并保存图片到本地(照相功能) 这几天对C ...
- 图片管理之保存图片数据
保存图片数据 在保存数据之前我们需要先获取图片关联的sku的id 1.获取sku表id 接口分析 请求方式: GET /meiduo_admin/skus/simple/ # -------获取sku ...
- fusionchart图表遮挡Ext下拉控件或日期控件解决办法(IE下有问题firefox与chrome正常)...
最近做个系统访问量统计分析的模块,对分析的数据形成图表,用到fusionchart,直接正题,ie中有个bug,其他浏览器正常,如图: IE8下效果: ...
- 教你两种python selenium保存图片的方法
大家好,本篇文章主要讲的是python selenium保存图片最好的两种方法,感兴趣的同学赶快来看一看吧,对你有帮助的话记得收藏一下 selenium爬取页面时经常遇到要保存图片的需求,通常的做法是 ...
- Python中scrapy下载保存图片
在日常爬虫练习中,我们爬取到的数据需要进行保存操作,在scrapy中我们可以使用ImagesPipeline这个类来进行相关操作,这个类是scrapy已经封装好的了,我们直接拿来用即可. 在使用Ima ...
- Android保存图片到数据库,从数据库取图片的方法
//1.创建数据库 public class DBService extends SQLiteOpenHelper { private final static int VERSION = 1; pr ...
- matlab常见用法汇总,包括绘制二维、三维曲线、圆、读取、保存图片/数据、数值精度、绘制圆、绘制角度等
文章目录 写在前面 一 绘制二维曲线 二 绘制三维曲线 plot3. 三 绘制三维离散点 scatter3() 四 保存图片到本地 五 数值精度 六 字符串拼接 七 将数据保存到txt 八 matla ...
最新文章
- HDFS的API操作-创建文件和文件夹
- SparkContext、SparkConf和SparkSession的初始化
- vs2012里用easyUI,显示不正常
- count(1),count(*),count(主键) 性能对比及辟谣
- python写windows程序_【Python学习】Python 写Windows Service服务程序
- mysql update多条件批量更新_Mybatis中进行批量更新(updateBatch)
- NUC1937 B.函数【水题】
- stored to '*' during its initialization is never read
- flutter 点击旋转动画_flutter RotationTransition实现旋转动画
- 5个Java测试工具介绍
- HDU 5855-最大权闭合图(-最小割应用)
- 次佛锅_上海理工大学2022天梯选拔
- 9N90-ASEMI的MOS管9N90
- Forcing close of thread
- 不同网络情况的安防摄像头如何通过手机进行直播?
- c++ 将行列式化为上三角行列式,并求值。
- for(int x:nums),在循环中改变nums元素的情况
- 用电脑玩创造与魔法还要申请模拟器白名单?不存在的
- STM32F103C6T6 | 模拟IIC主机读取AHT20温湿度传感器数据
- 对付木马:空手入白刃谁动了我的电脑系统(转)