FusionCharts主要API接口

cjqhut

贡献于2013-08-23

字数:3323 关键词: FusionCharts 图表/报表制作

FusionCharts的JavaScript类API提供了大量的功能。下面的列表显示在每个功能的详细信息: 一、Fusioncharts JavaScript全局函数 1、Fusioncharts(chartId:string) 作用:获取某个图表对象 var chartReference = FusionCharts("myChartId"); 2、getChartFromId(chartId: string) 作用:获取某个图表对象(已经过时的方法) var chartReference = getChartFromId("myChartId"); 二、FusionCharts的类 - 静态函数 1、getObjectRefer... FusionCharts的JavaScript类API提供了大量的功能。下面的列表显示在每个功能的详细信息: 一、Fusioncharts JavaScript全局函数 1、Fusioncharts(chartId:string) 作用:获取某个图表对象 var chartReference = FusionCharts("myChartId"); 2、getChartFromId(chartId: string) 作用:获取某个图表对象(已经过时的方法) var chartReference = getChartFromId("myChartId"); 二、FusionCharts的类 - 静态函数 1、getObjectReference(chartId: string) 作用:此功能有助于访问HTML对象引用的图表。 HTML对象是实际的图表对象实际被呈现在网页上。 HTML对象有助于图表和JavaScript之间的直接沟通。除非绝对必要,不建议使用此功能。 CODE: var chartHTMLReference =FusionCharts.getObjectReference("myChartId"); 2、setCurrentRenderer(renderer: string) 作用:设置所有图表的渲染方式。目前,你可以传递的'javascript'或'flash'的渲染参数值的。所有的图表被渲染,这个函数调用后,将遵守此设置。换句说就是这 里设定了何种渲染方式,那么就需要统一,如果前面新建的时候用了flash,这里设定的渲染方式确实“javascript”,那么图表就会展现不出来。 CODE: 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: var myChart = FusionCharts.render({ swfUrl : "FusionCharts/Column3D.swf", id : "myChartId", renderAt : "chartContainer", dataSource : "Data.xml" }) or var myChart = FusionCharts.render({ type : "Column3D", id : "myChartId", renderAt : "chartContainer", dataSource : "Data.xml" }) or var myChart = FusionCharts.render("FusionCharts/Column3D.swf", "myChartId", "400", "300", "chartContainer", "Data.xml", "xmlurl"); or 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: FusionCharts.addEventListener("Rendered", doSomething); or FusionCharts.addEventListener("Rendered", function(e,p) { alert(e.sender.id ); }); or FusionCharts.addEventListener(['Initialized', 'Disposed'], function () { // do something! }); 5、removeEventListener(event:string, listener: function) or removeEventListener(events:Array, listener: function) 作用:此功能主要是删除图表使用addEventListener定义的事件监听功能。此功能称为静态方法使用FusionCharts.removeEventListener()时,删除一个命名的事件监听从一个页面上的所有图表。作为第一个参数被传递的事件类型的名称。第二个参数是名称的功能,增加一条,作为该事件的事件侦听使用addEventListener。您也可以删除功能从多个事件,通过在一个数组中的事件名称。 CODE: FusionCharts.removeEventListener("Rendered", doSomething); 三、FusionCharts的类 - 构造函数 1、new FusionCharts(参数集合) 作用:这是FusionCharts的JavaScript类的构造函数方法。它允许你创建新的实例的FusionCharts使用传统的线性参数,以及作为一个对象参数。它可以在一个对象作为参数包含的所有图表参数。 注意:许多浏览器限制从JavaScript访问本地文件系统,由于安全方面的原因。 JavaScript的图表,在本地运行时,将不能够访问一个URL(使用XMLURL和jsonurl为DATAFORMAT)提供的数据。如果你运行的文件从一台服务器,运行精绝,虽然。在本地运行,但是,如果你提供的XML或JSON(使用数据字符串的方法),它工作得很好。 CODE: var myChart = new FusionCharts({ swfUrl : "FusionCharts/Column3D.swf", id : "myChartId", renderAt : "chartContainer", dataSource : "Data.xml" }); or var myChart = new FusionCharts({ type : "Column3D", id : "myChartId", renderAt : "chartContainer", dataSource : "Data.xml" }); or var myChart = new FusionCharts("FusionCharts/Column3D.swf", "myChartId", "400", "300"); or var myChart = new FusionCharts("Column3D", "myChartId", "400", "300"); or var myChart = new FusionCharts("FusionCharts/Column3D.swf", "myChartId", "400", "300", "chartContainer", {dataFormat : "xmlurl", dataSource : "Data.xml"});

下载文档,方便阅读与编辑

文档的实际排版效果,会与网站的显示效果略有不同!!

需要 2 金币 [ 分享文档获得金币 ]
1 人已下载

下载文档

相关文档