注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

程序员驿站

淘宝店:http://shop106888457.taobao.com

 
 
 

日志

 
 

FusionCharts 导出图片或PDF文件  

2014-08-19 20:07:05|  分类: FusionCharts |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
FusionCharts 导出图片或PDF文件

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

1.引用 js 文件

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

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

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>
复制代码

 

var chart_service_chart = new FusionCharts("../FusionCharts/MSColumn3DLineDY.swf", "service_chart", "1024", "500", "0", "1");

这句的最后一个参数要设置成 1 .

xmldata数据 源要设置参数

<chart  .....  exportEnabled='1' exportAtClient='1' exportHandler='fcExporter1' ... >

 

3. html代码

 

<div style="text-align:center;padding-top:20px; padding-bottom:60px;" id="map"></div>
<div id="fcexpDiv" align="center" style="text-align:center; width:100%;">FusionCharts Export Handler Component</div>

 

附图:

(1)右击 点导出类型

FusionCharts 导出图片或PDF文件 - dingtao-wgs - 程序员驿站

 

(2)导出过程中

FusionCharts 导出图片或PDF文件 - dingtao-wgs - 程序员驿站

 (3) 导出完成,保存变成可用状态,点击即可保存图表.

FusionCharts 导出图片或PDF文件 - dingtao-wgs - 程序员驿站

 

  评论这张
 
阅读(383)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017