前提:要具备三个文件: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

fusionCharts图表在客户端导出图片的更多相关文章

  1. FusionChart 导出图片 功能实现(转载)

    FusionChart 导出图片 功能实现(转载) http://www.cnblogs.com/jiagoushi/archive/2013/02/05/2893468.html 题目:精美Fusi ...

  2. FusionCharts图表控件中文版使用手册

    三要素:swf.data.xml.承载图表的载体 1.Swf: 按照你所设计的图表类型加载相应的.swf文件到你的工程即可(eg:若你想生成一张二维柱状图,那么在你的工程里就必须包含Column2D. ...

  3. FusionCharts V3图表导出图片和PDF属性说明(转)

    百闻不如一见,狠狠点击,快快下载:(演示文档有错误,不提供下载了.待新的演示文档出来.) 许多朋友说上面的DEMO用不了.fusioncharts官方的演示非常不错,就是来不及整理,各位大侠们可以研究 ...

  4. Fusioncharts的导出图片訪问官网问题

    Fusioncharts3.5使用自带的导出功能,须要訪问官网 问题描写叙述:使用fusioncharts自带的exportchart方法来导出图片的时候.要訪问export.api3.fusionc ...

  5. .net 下新版highcharts本地导出图片bug处理

    最近公司要用到highcharts这个插件来生成图表,所以我花了点时间研究了下. 现在最新的版本是3.0.2,这js插件居多优点就不比多说了,demo官网上也很详细.但是优点不爽的地方是,导出图片这个 ...

  6. Asp.net通过模板(.dot/Html)导出Word,同时导出图片

    一.Office组件导出Word(服务器配置麻烦) 需要引用Office的DLL,在下文的附件中,不同的Offic版本用的不一样,虽然高级版本可以兼容低级的,不过,还是统一版本最好 贴上核心代码(转载 ...

  7. hightchart导出图片

    通常在使用highchart导出图片pdf等文件时,我们一般直接引入exporting.js即可 执行导出操作则会直接请求highchart服务器,执行生成图片等操作,然后下载到客户端: 但这一切的操 ...

  8. Fusioncharts图表组件API参考方法(Functions)汇总篇(续)

    [摘要]: chartType()FusionCharts的JavaScript类API提供了大量的功能.下面的列表显示在每个功能的详细信息: 一.FusionCharts的类 - 实例功能 1.co ...

  9. highchart本地化导出图片

    因为项目执行在内容,并且本身自带的功能是想highcharts  server写文件然后再下载的,所以 highchart本地化导出图片 就非常须要. 第一步改动export.js 里的URl 在在e ...

随机推荐

  1. 关于vuex中的状态变量的思考???

    store中存取的为整个项目的公共变量,通过设置mutation来改变他们 假设现有如下代码: const store = new Vuex.Store({ state: { userInfo:{ n ...

  2. 2019-8-31-C#-条件编译

    title author date CreateTime categories C# 条件编译 lindexi 2019-08-31 16:55:58 +0800 2019-07-18 15:27:1 ...

  3. pip安装依赖包

    pip install -r requirements.txt setup.py 模块使用 https://blog.csdn.net/neil_pan/article/details/7900129 ...

  4. Sass--调用混合宏

    在 Sass 中通过 @mixin 关键词声明了一个混合宏,那么在实际调用中,其匹配了一个关键词“@include”来调用声明好的混合宏.例如在你的样式中定义了一个圆角的混合宏“border-radi ...

  5. springboot+jsp项目实例(第二弹)(成功)

    1.创建spring boot项目,使用idea自带的spring initializr创建Spring boot的maven项目(我是先创建了一个空的项目). 开始创建Spring boot项目,点 ...

  6. Spring Transaction Propagation

    原创转载请注明出处:https://www.cnblogs.com/agilestyle/p/11530611.html REQUIRED behavior Spring REQUIRED behav ...

  7. 【leetcode】981. Time Based Key-Value Store

    题目如下: Create a timebased key-value store class TimeMap, that supports two operations. 1. set(string ...

  8. boost phoenix

    In functional programming, functions are objects and can be processed like objects. With Boost.Phoen ...

  9. SSH框架整合-myeclipse

    项目结构   1.mysql数据库 stuinfo /* SQLyog 企业版 - MySQL GUI v8.14 MySQL - 5.5.40 : Database - stuinfo ****** ...

  10. delphi 程序嵌入桌面效果的实现

    function Tform1.CreateRegion(wMask:TBitmap;wColor:TColor;hControl:THandle): HRGN; var dc, dc_c: HDC; ...