`
gadfly80
  • 浏览: 12864 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

FusionChartsV3.2导出图片操作指南java版

阅读更多
FusionChartsV3.2导出图片操作指南(java版)
(网络ID:gadfly80,QQ:6982392 Email:yufeihao@hotmail.com)

查阅了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文件:
<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>
注: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"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>Insert title here</title>
<SCRIPT type="text/javascript" src="./FusionCharts/FusionCharts.js"></SCRIPT>
<script language="text/javascript" src="./FusionCharts/FusionChartsExportComponent.js"></script>
   
</head>
<body>
<div id="chartContainer">FusionCharts will load here!</div>

<div style="margin: 10px 0; border: solid 2px #ccddff; height: 24px; vertical-align: middle;
            line-height: 24px; padding-top: 4px;">         
            <a href="javascript:saveChart();">保存图片</a>&nbsp;&nbsp;
            <a href="javascript:printChart();">打印图片</a>&nbsp;&nbsp;
            <a href="javascript:void(0);" onclick="window.close();">关闭窗口</a>
          </div>
   
<script type="text/javascript">
    var myChart = new FusionCharts( "./FusionCharts/MSColumn3DLineDY.swf", "myChartId", "800", "600", "0", "1" );
    myChart.setXMLUrl("Data.xml");
    myChart.render("chartContainer"); 
   
function FC_Exported(objRtn){
    if (objRtn.statusCode == "1"){
    alert("The chart was successfully saved on server. The file can be accessed from " + objRtn.fileName);
    }
    else{
    alert("The chart could not be saved on server. There was an error. Description : " + objRtn.statusMessage);
    }
    }
    //保存chart
    function saveChart(){
    var chartObject = getChartFromId("myChartId");
    //chartToSave.saveAsImage();
    if( chartObject.hasRendered() ) chartObject.exportChart();
    }
    //打印chart
    function printChart(){
    var chartToPrint = getChartFromId("myChartId");
    chartToPrint.print();
    }        
</script>
</body>
</html>

四、数据XML文件配置
<chart caption='Product Sales & Downloads'
showValues='0' PYAxisName='Sales' SYAxisName='Total Downloads' unescapeLinks='0'
exportHandler='FCExporter' exportFileName='MyFileName' exportCallback='FC_Exported'
exportEnabled='1' exportAtClient='0' exportAction='download'
>
。。。。
</chart>

五、保存图片效果截图



图1 右键弹出菜单驱动方式



图2 捕获数据处理过程


图3 保存jpg图片



图4 Javascript驱动方式保存图片
  • 大小: 35 KB
  • 大小: 28.9 KB
  • 大小: 34.7 KB
  • 大小: 20.7 KB
分享到:
评论
1 楼 PLA 2012-12-28  
你好 你有完全的例子吗
按照你说的步骤一一完成 点击右键保存图片 导出进度完之后没了 并没出现图片
点击“保存图片”没有任何反应
点击“打印图片”会出来一个打印信息 一会就去出现flash崩溃 奇怪
我邮箱是plahpu@163.com 麻烦你将这个例子所需的文件发过来 (不知道是不是自己的js文件的问题)
谢谢

相关推荐

    FusionChartsV3.2导出图片操作指南

    FusionCharts V3.2 导出图片操作指南 java 版

    FusionChartsV3[1].2导出图片操作指南java版

    ### FusionCharts V3.2 导出图片操作指南(Java版) #### 一、概述 本文档旨在指导用户如何利用FusionCharts V3.2在Java环境下实现图表的导出功能,包括导出为图像文件等。FusionCharts是一款强大的图表组件库,...

    Matlab环境下决策分类树的构建、优化与应用

    内容概要:本文详细介绍了如何利用Matlab构建、优化和应用决策分类树。首先,讲解了数据准备阶段,将数据与程序分离,确保灵活性。接着,通过具体实例展示了如何使用Matlab内置函数如fitctree快速构建决策树模型,并通过可视化工具直观呈现决策树结构。针对可能出现的过拟合问题,提出了基于成本复杂度的剪枝方法,以提高模型的泛化能力。此外,还分享了一些实用技巧,如处理连续特征、保存模型、并行计算等,帮助用户更好地理解和应用决策树。 适合人群:具有一定编程基础的数据分析师、机器学习爱好者及科研工作者。 使用场景及目标:适用于需要进行数据分类任务的场景,特别是当需要解释性强的模型时。主要目标是教会读者如何在Matlab环境中高效地构建和优化决策分类树,从而应用于实际项目中。 其他说明:文中不仅提供了完整的代码示例,还强调了代码模块化的重要性,便于后续维护和扩展。同时,对于初学者来说,建议从简单的鸢尾花数据集开始练习,逐步掌握决策树的各项技能。

    《营销调研》第7章-探索性调研数据采集.pptx

    《营销调研》第7章-探索性调研数据采集.pptx

    Assignment1_search_final(1).ipynb

    Assignment1_search_final(1).ipynb

    美团外卖优惠券小程序 美团优惠券微信小程序 自带流量主模式 带教程.zip

    美团优惠券小程序带举牌小人带菜谱+流量主模式,挺多外卖小程序的,但是都没有搭建教程 搭建: 1、下载源码,去微信公众平台注册自己的账号 2、解压到桌面 3、打开微信开发者工具添加小程序-把解压的源码添加进去-appid改成自己小程序的 4、在pages/index/index.js文件搜流量主广告改成自己的广告ID 5、到微信公众平台登陆自己的小程序-开发管理-开发设置-服务器域名修改成

    《计算机录入技术》第十八章-常用外文输入法.pptx

    《计算机录入技术》第十八章-常用外文输入法.pptx

    基于Andorid的跨屏拖动应用设计.zip

    基于Andorid的跨屏拖动应用设计实现源码,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。

    《网站建设与维护》项目4-在线购物商城用户管理功能.pptx

    《网站建设与维护》项目4-在线购物商城用户管理功能.pptx

    区块链_房屋转租系统_去中心化存储_数据防篡改_智能合约_S_1744435730.zip

    区块链_房屋转租系统_去中心化存储_数据防篡改_智能合约_S_1744435730

    《计算机应用基础实训指导》实训五-Word-2010的文字编辑操作.pptx

    《计算机应用基础实训指导》实训五-Word-2010的文字编辑操作.pptx

    《移动通信(第4版)》第5章-组网技术.ppt

    《移动通信(第4版)》第5章-组网技术.ppt

    ABB机器人基础.pdf

    ABB机器人基础.pdf

    《综合布线施工技术》第9章-综合布线实训指导.ppt

    《综合布线施工技术》第9章-综合布线实训指导.ppt

    最新修复版万能镜像系统源码-最终版站群利器持续更新升级

    很不错的一套站群系统源码,后台配置采集节点,输入目标站地址即可全自动智能转换自动全站采集!支持 https、支持 POST 获取、支持搜索、支持 cookie、支持代理、支持破解防盗链、支持破解防采集 全自动分析,内外链接自动转换、图片地址、css、js,自动分析 CSS 内的图片使得页面风格不丢失: 广告标签,方便在规则里直接替换广告代码 支持自定义标签,标签可自定义内容、自由截取、内容正则截取。可以放在模板里,也可以在规则里替换 支持自定义模板,可使用标签 diy 个性模板,真正做到内容上移花接木 调试模式,可观察采集性能,便于发现和解决各种错误 多条采集规则一键切换,支持导入导出 内置强大替换和过滤功能,标签过滤、站内外过滤、字符串替换、等等 IP 屏蔽功能,屏蔽想要屏蔽 IP 地址让它无法访问 ****高级功能*****· url 过滤功能,可过滤屏蔽不采集指定链接· 伪原创,近义词替换有利于 seo· 伪静态,url 伪静态化,有利于 seo· 自动缓存自动更新,可设置缓存时间达到自动更新,css 缓存· 支持演示有阿三源码简繁体互转· 代理 IP、伪造 IP、随机 IP、伪造 user-agent、伪造 referer 来路、自定义 cookie,以便应对防采集措施· url 地址加密转换,个性化 url,让你的 url 地址与众不同· 关键词内链功能· 还有更多功能等你发现…… 程序使用非常简单,仅需在后台输入一个域名即可建站,不限子域名,站群利器,无授权,无绑定限制,使用后台功能可对页面进行自定义修改,在程序后台开启生 成功能,只要访问页面就会生成一个本地文件。当用户再次访问的时候就直接访问网站本地的页面,所以目标站点无法访问了也没关系,我们的站点依然可以访问, 支持伪静态、伪原创、生成静态文件、自定义替换、广告管理、友情链接管理、自动下载 CSS 内的图。

    《Approaching(Almost)any machine learning problem》中文版第11章

    【自然语言处理】文本分类方法综述:从基础模型到深度学习的情感分析系统设计

    基于Andorid的下拉浏览应用设计.zip

    基于Andorid的下拉浏览应用设计实现源码,主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者,也可作为课程设计、期末大作业。

    P2插电式混合动力系统Simulink模型:基于逻辑门限值控制策略的混动汽车仿真

    内容概要:本文详细介绍了一个原创的P2插电式混合动力系统Simulink模型,该模型基于逻辑门限值控制策略,涵盖了多个关键模块如工况输入、驾驶员模型、发动机模型、电机模型、制动能量回收模型、转矩分配模型、运行模式切换模型、档位切换模型以及纵向动力学模型。模型支持多种标准工况(WLTC、UDDS、EUDC、NEDC)和自定义工况,并展示了丰富的仿真结果,包括发动机和电机转矩变化、工作模式切换、档位变化、电池SOC变化、燃油消耗量、速度跟随和最大爬坡度等。此外,文章还深入探讨了逻辑门限值控制策略的具体实现及其效果,提供了详细的代码示例和技术细节。 适合人群:汽车工程专业学生、研究人员、混动汽车开发者及爱好者。 使用场景及目标:①用于教学和科研,帮助理解和掌握P2混动系统的原理和控制策略;②作为开发工具,辅助设计和优化混动汽车控制系统;③提供仿真平台,评估不同工况下的混动系统性能。 其他说明:文中不仅介绍了模型的整体架构和各模块的功能,还分享了许多实用的调试技巧和优化方法,使读者能够更好地理解和应用该模型。

    电力系统分布式调度中ADMM算法的MATLAB实现及其应用

    内容概要:本文详细介绍了基于ADMM(交替方向乘子法)算法在电力系统分布式调度中的应用,特别是并行(Jacobi)和串行(Gauss-Seidel)两种不同更新模式的实现。文中通过MATLAB代码展示了这两种模式的具体实现方法,并比较了它们的优劣。并行模式适用于多核计算环境,能够充分利用硬件资源,尽管迭代次数较多,但总体计算时间较短;串行模式则由于“接力式”更新机制,通常收敛更快,但在计算资源有限的情况下可能会形成瓶颈。此外,文章还讨论了惩罚系数rho的自适应调整策略以及在电-气耦合系统优化中的应用实例。 适合人群:从事电力系统优化、分布式计算研究的专业人士,尤其是有一定MATLAB编程基础的研究人员和技术人员。 使用场景及目标:①理解和实现ADMM算法在电力系统分布式调度中的应用;②评估并行和串行模式在不同应用场景下的性能表现;③掌握惩罚系数rho的自适应调整技巧,提高算法收敛速度和稳定性。 其他说明:文章提供了详细的MATLAB代码示例,帮助读者更好地理解和实践ADMM算法。同时,强调了在实际工程应用中需要注意的关键技术和优化策略。

Global site tag (gtag.js) - Google Analytics