如何利用JavaScript API访问导出FusionCharts图表数据
来源:互联网 发布:php配置教程 编辑:程序博客网 时间:2024/05/21 19:06
之前看到几个很好看的FusionCharts做出来的Flash图表,想要把图表导出自己研究,通过在网上查找资料终于实现了用JavaScript API访问和导出FusionCharts图表,这里给大家分享一下这种办法。
1、使用JavaScript访问图表数据:
首先需要确保只有当图表被呈现后你才调用getDataAsCSV()API
具体代码:
<script LANGUAGE="Javascript" SRC="../../FusionCharts/FusionCharts.js"></script>
<script LANGUAGE="JavaScript">
//FC_Rendered method is called whenever a FusionCharts chart on the page
//has finished initial rendering. To this function, the chart passes its
//own DOM Id.
function FC_Rendered(DOMId){
//If it's our required chart
if (DOMId=="chart1Id"){
//Get reference to the chart object
var chartObj = FusionCharts("chart1Id");
//Simply alert the CSV Data
window.alert(chartObj.getDataAsCSV());
return;
}
}
</script>
<body>
<script language="JavaScript">
var chart1 = new FusionCharts("../../FusionCharts/Column3D.swf", "chart1Id", "400", "300", "0", "1");
chart1.setXMLData("");
chart1.render("chart1div");
</script>
2、导出图表数据:
exportDataSeparator属性:
设置CSV数据的分隔符。 为了便于使用,这些属性接受下列伪代码:
- {tab} - 指定标签字符。
- {quot} - 指定双引号。
- {apos} - 要指定单引号。
你也可以指定这些伪代码以外的任何字符。
exportDataQualifier属性:
设置CSV数据的限制符。为了便于使用,这个属性接受下列伪代码:
- {tab} - 指定标签字符。
- {quot} - 指定双引号。
- {apos} - 指定单引号
你也可以指定这些伪代码以外的任何字符。
exportDataFormattedVal属性:
Boolean属性值表示是否输出CSV文件中的数据值
>>>扩展阅读:《FusionCharts图表控件Flash和JS(HTML5)图表导出预览》
- 如何利用JavaScript API访问导出FusionCharts图表数据
- Flash图表FusionCharts如何自定义图表导出菜单或界面
- 如何将FusionCharts图表导出为图像/PDF
- FusionCharts使用教程:为JavaScript图表提供数据
- 使用FusionCharts创建可更新数据的JavaScript图表
- 如何在PHP程序中使用FusionCharts创建JavaScript图表
- Flash图表控件FusionCharts如何高亮显示数据
- fusioncharts实现数据动画图表
- Fusioncharts 实时图表数据展现
- Flash图表控件FusionCharts如何在图表标绘非连续数据
- 属性导出FusionCharts图表控件中文版使用手册
- fusionCharts图表在客户端导出图片
- FusionCharts导出图表常见问题(FAQ)汇总---FusionCharts常见问题大全
- FusionCharts导出图表常见问题(FAQ)汇总---FusionCharts常见问题大全
- Fusioncharts图表组件事件API汇总
- JavaScript图表FusionCharts的属性介绍
- JavaScript图表对比评测:FusionCharts vs HighCharts
- Flash图表控件FusionCharts如何自定义图表上的垂直线
- hadoop在运行job过程中出现了僵尸进程
- The Django Book 第2章【Django快速上手 】
- 实体类注解错误:Could not determine type for:
- 记忆--2012
- UML之旅二
- 如何利用JavaScript API访问导出FusionCharts图表数据
- 改二叉树为链表,使每个节点指向其中序遍历的下个节点
- 企业内部沟通平台
- [Android]只显示月和日的DatePickerDialog
- python各种类型转换-int,str,char,float,ord,hex,oct等
- POSIX线程的创建与取消—pthreads线程库实例笔记1
- 电子书下载:Refactoring SQL Applications
- openssl生成证书
- HIVE UDF函数(一)