fusionCharts图表在客户端导出图片
2017-07-15 10:30
323 查看
前提:要具备三个文件: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
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图表在客户端导出图片
- FusionCharts V3图表导出图片和PDF属性说明(转)
- Java 实现 FusionCharts 图表导出图片或PDF文件功能
- FusionCharts V3图表导出图片和PDF属性说明
- FusionCharts V3图表导出图片和PDF属性说明
- fusioncharts 导出图片到客户端和服务器
- Flash图表FusionCharts如何自定义图表导出菜单或界面
- Java导出Highcharts生成的图表为图片源码
- [WPF][DevExpress]导出ChartControl图表图片
- Flash图表FusionCharts如何自定义图表导出菜单或界面
- 使用Python导出Excel图表以及导出为图片的方法
- FusionCharts fcexporter.jar图表导出图片或pdf功能
- FusionCharts自定义图表导出菜单或界面
- 可导出图片的图表插件flash_amcharts破解版
- fusioncharts 改变导出图片按钮的背景色 FusionChartsExportObject
- 基于one2team框架的Highcharts图表图片导出方案
- FusionCharts破解版导出图片步骤
- 每日雕蟲一技[2013-02-18]玩转FusionCharts的客户端导出实现
- FusionCharts导出图表常见问题(FAQ)汇总---FusionCharts常见问题大全
- 属性导出FusionCharts图表控件中文版使用手册