原創|使用教程|編輯:龔雪|2014-11-17 09:55:23.000|閱讀 629 次
概述:FusionCharts的JavaScript類API提供了大量的功能,本文匯總了Fusioncharts圖表組件API參考方法(Functions)。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
FusionCharts的JavaScript類API提供了大量的功能。下面的列表顯示在每個功能的詳細信息:
一、Fusioncharts JavaScript全局函數
1、Fusioncharts(chartId:string)
作用:獲取某個圖表對象
1.var chartReference = FusionCharts("myChartId");
2、getChartFromId(chartId: string)
作用:獲取某個圖表對象(已經過時的方法)
1.var chartReference = getChartFromId("myChartId");
二、FusionCharts的類 - 靜態函數
1、getObjectReference(chartId: string)
作用:此功能有助于訪問HTML對象引用的圖表。 HTML對象是實際的圖表對象實際被呈現在網頁上。 HTML對象有助于圖表和JavaScript之間的直接溝通。除非絕對必要,不建議使用此功能。
CODE:
1.var chartHTMLReference =FusionCharts.getObjectReference("myChartId");
2、setCurrentRenderer(renderer: string)
作用:設置所有圖表的渲染方式。目前,你可以傳遞的'javascript'或'flash'的渲染參數值的。所有的圖表被渲染,這個函數調用后,將遵守此設置。換句說就是這里設定了何種渲染方式,那么就需要統一,如果前面新建的時候用了flash,這里設定的渲染方式確實“javascript”,那么圖表就會展現不出來。
CODE:
1.FusionCharts.setCurrentRenderer('javascript');
3、render(chartParameters: Object) or render(swfUrl, chartId , width, height, renderAt, dataSource, dataFormat, otherParameters: Object) or render(chartParameters: mixed) or render(chartObject: FusionCharts)
作用:創建一個Fusionchart圖表,創建的方式很多。
CODE:
1.var myChart = FusionCharts.render({ swfUrl : "FusionCharts/Column3D.swf", id : "myChartId", renderAt :"chartContainer", dataSource : "Data.xml" }) 2.or 3.var myChart = FusionCharts.render({ type : "Column3D", id : "myChartId", renderAt : "chartContainer", dataSource : "Data.xml" }) 4.or 5.var myChart = FusionCharts.render("FusionCharts/Column3D.swf", "myChartId", "400", "300", "chartContainer","Data.xml", "xmlurl"); 6.or 7.var myChart = FusionCharts.render("Column3D", "myChartId", "400", "300", "chartContainer", {dataFormat :"xmlurl", dataSource : "Data.xml" });
4、addEventListener(event:string, listener: function) or addEventListener(events:Array, listener: function)
作用:此功能用于給圖表注冊監聽事件。
CODE:
1.FusionCharts.addEventListener("Rendered", doSomething); 2.or 3.FusionCharts.addEventListener("Rendered", function(e,p) { alert(e.sender.id ); }); 4.or 5.FusionCharts.addEventListener(['Initialized', 'Disposed'], function () { 6.// do something! 7.});
5、removeEventListener(event:string, listener: function) or removeEventListener(events:Array, listener: function)
作用:此功能主要是刪除圖表使用addEventListener定義的事件監聽功能。此功能稱為靜態方法使用FusionCharts.removeEventListener()時,刪除一個命名的事件監聽從一個頁面上的所有圖表。作為第一個參數被傳遞的事件類型的名稱。第二個參數是名稱的功能,增加一條,作為該事件的事件偵聽使用addEventListener。您也可以刪除功能從多個事件,通過在一個數組中的事件名稱。
CODE:
1.FusionCharts.removeEventListener("Rendered", doSomething);
三、FusionCharts的類 - 構造函數
1、new FusionCharts(參數集合)
作用:這是FusionCharts的JavaScript類的構造函數方法。它允許你創建新的實例的FusionCharts使用傳統的線性參數,以及作為一個對象參數。它可以在一個對象作為參數包含的所有圖表參數。
注意:許多瀏覽器限制從JavaScript訪問本地文件系統,由于安全方面的原因。 JavaScript的圖表,在本地運行時,將不能夠訪問一個URL(使用XMLURL和jsonurl為DATAFORMAT)提供的數據。如果你運行的文件從一臺服務器,運行精絕,雖然。在本地運行,但是,如果你提供的XML或JSON(使用數據字符串的方法),它工作得很好。
CODE:
01.var myChart = new FusionCharts({ swfUrl : "FusionCharts/Column3D.swf", id : "myChartId", renderAt :"chartContainer", dataSource : "Data.xml" }); 02.or 03.var myChart = new FusionCharts({ type : "Column3D", id : "myChartId", renderAt : "chartContainer", dataSource :"Data.xml" }); 04.or 05.var myChart = new FusionCharts("FusionCharts/Column3D.swf", "myChartId", "400", "300"); 06.or 07.var myChart = new FusionCharts("Column3D", "myChartId", "400", "300"); 08.or 09.var myChart = new FusionCharts("FusionCharts/Column3D.swf", "myChartId", "400", "300", "chartContainer", {dataFormat : "xmlurl", dataSource : "Data.xml"});
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網