彩票走势图

【8折优惠】图表组件Fusioncharts API参考方法(一)

原创|使用教程|编辑:龚雪|2014-11-17 09:55:23.000|阅读 568 次

概述:FusionCharts的JavaScript类API提供了大量的功能,本文汇总了Fusioncharts图表组件API参考方法(Functions)。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

【年终大促 巅峰盛慧】FusionCharts XT及套包<8折>,现正火爆进行中!

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 &nbsp;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"});

狂欢继续!【年终大促 巅峰盛"慧" 】促销火热进行中 iPhone 6 Plus、 iPhone 6、iPad Air满就送,还不赶快买买买!


标签:JavaScript FusionChartsFusionCharts图表促销

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP