`

fusionCharts图表在客户端导出图片

    博客分类:
  • JS
阅读更多

前提:要具备三个文件:FusionCharts.js / FusionChartsExportComponent.js / FCExporter.swf

1.引用 js 文件

  <script type="text/javascript" src="">FusionCharts.js / FusionChartsExportComponent.js

2.生成图表 与 导出时保存的按钮

<script type="text/javascript">
     $(function() {
   var chart_service_chart = new FusionCharts("../FusionCharts/MSColumn3DLineDY.swf", "service_chart", "1024", "500", "0", "1");
          chart_service_chart.setDataXML(xmldata数据);
          chart_service_chart.render("map");
        });

//设置导出的保存按钮    
var myExportComponent = new FusionChartsExportObject("fcExporter1", "../FusionCharts/FCExporter.swf");     
myExportComponent.componentAttributes.width = '1024';   
myExportComponent.componentAttributes.height = '60';   
//Background color   
myExportComponent.componentAttributes.bgColor = 'ffffdd';   
//Border properties   
myExportComponent.componentAttributes.borderThickness = '2';  
myExportComponent.componentAttributes.borderColor = '0372AB';   
//Font properties   
myExportComponent.componentAttributes.fontFace = 'Arial';   
myExportComponent.componentAttributes.fontColor = '0372AB';   
myExportComponent.componentAttributes.fontSize = '12';   
//Message - caption of export component   
myExportComponent.componentAttributes.showMessage = '1';   
myExportComponent.componentAttributes.message = '先右击图表导出,再点击下边按钮进行保存.';   
//Button visual configuration   
myExportComponent.componentAttributes.btnWidth = '200';   
myExportComponent.componentAttributes.btnHeight= '25';   
myExportComponent.componentAttributes.btnColor = 'E1f5ff';   
myExportComponent.componentAttributes.btnBorderColor = '0372AB';   
//Button font properties   
myExportComponent.componentAttributes.btnFontFace = 'Verdana';   
myExportComponent.componentAttributes.btnFontColor = '0372AB';   
myExportComponent.componentAttributes.btnFontSize = '15';   
//Title of button   
myExportComponent.componentAttributes.btnsavetitle = '保存图表'   
myExportComponent.componentAttributes.btndisabledtitle = '等待导出...';     
myExportComponent.Render("fcexpDiv");
 </script>

 

可参考:

http://wenku.baidu.com/link?url=RtAkghNHrxgHV2lnQYyPQYvguLk_qjDsGaj8Pi4ikswFZ2L0soZ_oHDeJKUONDif_TdegIPKjqELNpAtyjXK-jr3BZ-ifsSrxssA8pteuQO

 (下面的写的不错,比较详细)

http://www.cnblogs.com/weiqt/articles/2872768.html

分享到:
评论

相关推荐

    Java 实现 FusionCharts 图表导出图片或PDF文件功能实例源码

    本文将深入探讨如何使用Java实现FusionCharts图表的导出功能,包括导出为图片和PDF文件。 首先,要实现这个功能,你需要在项目中引入FusionCharts的Java库。FusionCharts提供了Java SDK,通过它我们可以与...

    FusionCharts在服务器端导出图片(J2EE版)

    标题 "FusionCharts在服务器端导出图片(J2EE版)" 指向的是一个关于如何在Java(J2EE)环境中使用FusionCharts库来实现服务器端图片导出的技术主题。FusionCharts是一个强大的JavaScript图表库,它允许开发者创建交互...

    FusionCharts统计图导出为图片或pdf

    导出图表为图片或PDF是FusionCharts的一个强大特性。这个功能对于那些需要离线查看或打印图表的用户来说非常有用。在FusionCharts中,导出功能是通过`FusionExport`组件实现的,它提供了一个简单的接口,允许开发者...

    FusionCharts导出图片实例java版[参照].pdf

    在客户端,你可以通过JavaScript代码触发图表的导出。下面是一个示例`test.jsp`文件: ```html &lt;!DOCTYPE html&gt; &lt;script language="JavaScript" src="FusionCharts.js"&gt; function FC_Exported(objRtn) { if ...

    FusionCharts完整资料集

    "关于fusionCharts客户端导出图片具体步骤.docx"、"fusioncharts中导出组件属性怎么不起作用_百度知道.mht"、"FusionCharts在服务器端导出图片(J2EE版) - shihuan830619 - ITeye技术网站.mht"、"【转】FusionCharts...

    纯js实现导出FusionCharts图片或PDF

    1. **导出图片** 导出为图片通常是通过将图表渲染的SVG或Canvas元素转化为图像文件(如PNG或JPEG)来实现的。在FusionCharts中,可以使用`FusionCharts.exportChart()`方法,传入导出的配置参数,如目标格式、...

    Fusioncharts导出图片所需jar包

    FusionCharts提供了一个叫做FCExporter的组件,其主要目的是支持用户将图表以图片格式导出,这样可以方便地保存、打印或分享这些可视化报表。`fcexporter.jar`是FCExporter的主要实现,包含了导出功能的核心类和方法...

    fusionChart3.1导出图片示例

    默认情况下,FusionCharts提供了右键菜单中的“导出图片”选项,但这个操作对某些场景来说不够便捷。 在描述中提到的“导出到服务端的模式”,是指FusionCharts提供的一种高级导出机制,它可以将图表渲染成图片并...

    Fusioncharts3.2

    4. **FusionCharts Export Component(客户端)**:FCExporter.swf是用于用户触发导出操作的Flash组件,需要在/web/FusionCharts/目录中。 5. **FusionCharts Export Component JavaScript类**:...

    export-handlers(fusioncharts离线导出服务).rar

    FusionCharts的离线导出服务允许用户在本地环境中,无需互联网连接,就能将图表导出为不同的格式,如JPEG、PNG等图片格式以及CSV、PDF、Excel等文件格式。这样不仅方便了数据的保存和分发,还能确保数据的安全性,...

    FusionCharts使用之保存图片.doc

    - `exportAtClient='0'`:确定是否仅在客户端执行导出操作,此处设置为0表示服务器端也将参与处理。 - `exportAction='download'`:指定导出后的动作,如直接下载至本地。 - `exportHandler='...

    FusionCharts使用手册

    2. **客户端图表导出**:用户可以直接在浏览器中触发图表导出,将当前视图保存为图片。 3. **批图表导出处理**:对于需要导出多个图表的情况,FusionCharts提供批处理工具,可以一次性处理多个图表的导出任务。 **...

    Fusioncharts XT V3.2.2最新中文版教程

    5. **减轻服务器负担**:与传统的基于图像的图表系统不同,FusionCharts 的图表是在客户端呈现的,这极大地减轻了服务器的负载。在用户请求量大的情况下,这种机制避免了服务器端大量处理图像的需求,降低了服务器...

    java/word+fusionchart生成图表深入分析

    总结起来,生成Java/Word+ FusionCharts图表的关键在于找到合适的工具和技术组合。在多种尝试中,使用JFreeChart生成图片并插入到Word文档中,尽管可能牺牲了一些视觉效果,但在实际应用中平衡了性能和可行性。对于...

    charts导出

    这通常涉及到浏览器的下载触发机制,可能是通过JavaScript实现,当用户右键点击图表或报表时,会触发一个事件,该事件调用服务器端接口,将图表或报表数据以特定格式(如CSV、PDF或图片)发送回客户端,然后由浏览器...

Global site tag (gtag.js) - Google Analytics