fusionCharts图表在客户端导出图片

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值