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

之前看到几个很好看的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)图表导出预览》