现在的位置: 首页 > 综合 > 正文

如何利用JavaScript API访问导出FusionCharts图表数据

2014年02月13日 ⁄ 综合 ⁄ 共 1164字 ⁄ 字号 评论关闭

之前看到几个很好看的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>

FusionCharts


<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)图表导出预览

抱歉!评论已关闭.