国产不卡二区,国产二三区,亚洲91在线一区

利用JavaScript API訪問和導出FusionCharts圖表數據

原創|其它|編輯：郝浩|2013-01-22 11:34:10.000|閱讀 592 次

概述：本文主要介紹如何通過FusionCharts圖表的JavaScript API來訪問和導出圖表數據。

本文主要介紹如何通過FusionCharts圖表的JavaScript API來訪問和導出圖表數據。

設置JavaScript圖表

當你使用JavaScript API來訪問圖表數據時，你首先需要確保只有當圖表被呈現后你才調用getDataAsCSV（）API。

<HTML>
<HEAD>
<TITLE>FusionCharts & JavaScript - Getting chart data as CSV </TITLE>
<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>
</HEAD>
<BODY>
<div id="chart1div"> FusionCharts </div>
<script language="JavaScript">
var chart1 = new FusionCharts("../../FusionCharts/Column3D.swf", "chart1Id", "400", "300", "0", "1");
chart1.setXMLData("<chart><set label='A' value='10' /><set label='B' value='11' /></chart>");
chart1.render("chart1div");
</script>
</BODY>
</HTML>

當你運行上述代碼時，你將獲取下列截圖：

利用JavaScript API導出FusionCharts圖表數據

自定義輸出CSV

所要導出的CSV數據的自定義屬性如下；

屬性	描述	舉例
exportDataSeparator	設置CSV數據的分隔符。為了便于使用，這些屬性接受下列偽代碼： {tab} - 指定標簽字符。 {quot} - 指定雙引號。 {apos} - 要指定單引號。你也可以指定這些偽代碼以外的任何字符。	exportDataSeparator='{tab}'
exportDataQualifier	設置CSV數據的限制符。為了便于使用，這個屬性接受下列偽代碼： {tab} - 指定標簽字符。 {quot} - 指定雙引號。 {apos} - 指定單引號你也可以指定這些偽代碼以外的任何字符。	exportDataQualifier='{quot}'
exportDataFormattedVal	Boolean屬性值表示是否輸出CSV文件中的數據值（上圖所示）。	exportDataFormattedVal='1'