FusionCharts JavaScript API - Functions 常用方法整理笔记

FusionCharts JavaScript API - Functions 

 

Home > FusionCharts XT and JavaScript > API Reference > Functions (官方文档的位置)

 

返回对图表对象的引用

FusionCharts(chartId: string); 

var chartReference =FusionCharts("myChartId");

---

 

render图标到DOM元素 详细的的参数可以看官方文档

FusionCharts.render(swfUrl, chartId , width, height, renderAt, dataSource, dataFormat, otherParameters: Object) ;

var myChart =FusionCharts.render({ swfUrl :"FusionCharts/Column3D.swf", id :"myChartId", renderAt :"chartContainer", dataSource :"Data.xml"});

---

 

注册全局事件

addEventListener(event:string, listener: function);

FusionCharts.addEventListener("Rendered",function(e,p){ alert(e.sender.id );});

---

 

将图表对象渲染到DOM元素 可以通过 ID 或者 HTMLNode

render(renderAt: String)  or render(renderAt: HTMLNode)

myChart.render("chartContainer"); or myChart.render(document.getElementById ("chartContainer"));

 

---

 

Returns the JSON data of chart as Object.  获取JSON数据

getJSONData()

var myJSONObj =FusionCharts("myChartId").getJSONData();

 

设置JSON数据

setJSONData(JSON:Object) 
or
setJSONData(JSON:String)

myChart.setJSONData( {
    "chart":{
        "caption":"My Chart Caption"   
     },   
     "data":[
        {  "value":"100" },
        {  "value":"200" }
       ] 
    }
 );

myChart.setJSONData('{"chart":{ "caption":"My Chart Caption" }, "data":[ {"value":"100" }, { "value":"200" } ] });

---

 

改变图表的大小

resizeTo(width:String, height:String)

myChart.resizeTo("500","400") or myChart.resizeTo("80%","100%")

 

---

 

 

打印

print()

FusionCharts("myChartId").print();

---

 

 

销毁

dispose()

FusionCharts("myChartId").dispose();

---

 

 

是否加载完成

hasRendered()

---

 

克隆

clone( [chartParams: Object] )

var newChart = myChart.clone(); or var newChart = myChart.clone({ swfUrl :'Area2D.swf'});

 

---