[摘要]: chartType()FusionCharts的JavaScript类API提供了大量的功能。下面的列表显示在每个功能的详细信息: 一、FusionCharts的类 - 实例功能 1、configure(name:string , value:string)  or  configure(configurations: Object) 作用:绘制图表前,图表配置设置。主要是,您可以使用此功能,使用此功能设置图表消息或电网参数。的名称的结构和配置的值被作为参数传递。在右边的第一个例子。您也可以通过配置对象的功能的集合。参数对象将包含名称和值对配置名称和相应的值。在右边的第二个例子。 myChart.configure("ChartNoDataText", "Please select a record ...

chartType()FusionCharts的JavaScript类API提供了大量的功能。下面的列表显示在每个功能的详细信息:

一、FusionCharts的类 - 实例功能

1、configure(name:string , value:string)  or  configure(configurations: Object)

作用:绘制图表前,图表配置设置。主要是,您可以使用此功能,使用此功能设置图表消息或电网参数。的名称的结构和配置的值被作为参数传递。在右边的第一个例子。您也可以通过配置对象的功能的集合。参数对象将包含名称和值对配置名称和相应的值。在右边的第二个例子。

view sourceprint?
1.myChart.configure("ChartNoDataText", "Please select a record above");
2. 
3.or
4. 
5.myChart.configure({ "ChartNoDataText" : "Please select a record above" , "InvalidXMLText" : "Please validate data" });

2、addVariable(name:string , value:string)

作用:与configure方法一样,此功能已经过时了的。

view sourceprint?
1.myChart.addVariable("ChartNoDataText", "Please select a record above");

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

作用:主要作用是将新建的图表装载到指定的某个DIV容器内。

view sourceprint?
1.myChart.render("chartContainer");
2. 
3.or
4. 
5.myChart.render(document.getElementById ("chartContainer"));

4、setXMLUrl(Url: String)

作用:设置图表实例的XMLUrl参数,主要是用于动态修改数据源xml的路径。

view sourceprint?
1.myChart.setXMLUrl("mychartdata.xml");

5、setXMLData(XML: string)

作用:主要是设置图表对象XMLData,参数传递为拼接好的图表字符串。

view sourceprint?
1.myChart.setXMLData("<chart><set value='100' /></chart>");

6、setJSONUrl(Url: String)

作用:设置图表对象JSONUrl参数。

view sourceprint?
1.myChart.setJSONUrl("myJSONStream.json");

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

作用:动态设置或者修改图表对象的数据,格式为:Json格式的字符串。

view sourceprint?
01.myChart.setJSONData( {
02."chart":{
03."caption":"My Chart Caption"  
04.},  
05."data":[
06. "value":"100" },
07. "value":"200" }
08.]
09.}
10.);
11. 
12. 
13.or
14. 
15.myChart.setJSONData('{"chart":{ "caption":"My Chart Caption" }, "data":[ {"value":"100" }, { "value":"200" } ] });

8、setChartDataUrl(Url:String, dataFormat: string)

作用:当我们的图表数据是来自于一个页面所产生的数据时,我们就可以用此方法。

参数说明:

Url:产生数据的页面地址

dataFormat:产生数据的格式(xml、json)

view sourceprint?
1.myChart.setChartDataUrl("mydynamicdata.aspx", "json");
2. 
3.or
4. 
5.myChart.setChartDataUrl("mydynamicdata.aspx", "xml");

9、setChartData(dataSource: string, dataFormat: string)

作用:设置或者修改图表数据。这个函数有两个参数。第一个是数据源中的数据。第二个是DATAFORMAT。数据源可以是XML源的URL,URL JSON源,XML字符串,JSON字符串和JSON对象。因此,正确识别的格式,数据格式作为第二个参数传递。

view sourceprint?
01.myChart.setChartData( "myxmldata.jsp" , "xmlurl");
02. 
03.or
04. 
05.myChart.setChartData( "<chart><set value='2310'/></chart>" , "xml");
06. 
07.or
08. 
09.myChart.setChartData( "myjsondata.php" , "jsonurl");
10. 
11.or
12. 
13.myChart.setChartData( "{ chart : {}, data :[{ value : 100 }] }" , "json");
14. 
15. 
16.or
17. 
18.myChart.setChartData( { chart : {}, data :[{ value : 100 }] } , "json");

10、setDataURL(Url:string)

作用:利用此功能可以在设置或更新图表图表URL的XML数据。这个函数接受一个URL字符串。

view sourceprint?
1.myChart.setDataURL( "myxmlsource.xml" );

11、setDataXML(dataSource: string)

作用:利用此功能可以在设置或更新图表XML数据的字符串。

view sourceprint?
1.myChart.setDataXML( "<chart><set value='213' /></chart>");

12、SetTransparent ( isTransparent: boolean )

作用:使图表背景成为透明的。您将需要设置bgAlpha,canvasBgAlpha等属性的<chart>元素来完成的透明度。该函数接受一个布尔参数。只有为true的时候,背景图才会产生透明效果。

view sourceprint?
1.myChart.setDataXML( "<chartbgAlpha='0,0'><set value='213' /></chart>");
2.myChart.setTransparent(true);

13、getChartData(dataFormat:string)

作用:这个函数返回图元数据格式的数据作为参数提供。当传递XML作为数据格式,它提供了XML数据的字符串。 ,当JSON是通过为数据格式,数据被返回的JSON对象。

view sourceprint?
1.var myXML = FusionCharts("myChartId").getChartData( "xml");
2.var myJSONObj = FusionCharts("myChartId").getChartData( "json" );

14、getXMLData()

作用:获取图表的XML数据串。

view sourceprint?
1.var myXML = FusionCharts("myChartId").getXMLData();

15、getJSONData()

作用:获取图表数据的Json对象。

view sourceprint?
1.var myJSONObj = FusionCharts("myChartId").getJSONData();

16、getDataAsCSV()

作用:CSV字符串返回数据的图表。输出CSV字符串,可以使用XML参数配置。 String,表示CSV格式数据的图表。

view sourceprint?
1.var strCSV = FusionCharts("myChartId").getDataAsCSV();

17、getXML()

作用:获取图表数据的XML

view sourceprint?
1.var myXML = FusionCharts("myChartId").getXML();

18、getChartAttribute()

作用:返回的属性值中指定的图表XML节点或“图表”属性的JSON数据。如果属性是空的,那就是没有找到其XML或者Json数据。

view sourceprint?
1.//获取图表的标题
2.var caption = FusionCharts("myChartId").getChartAttribute( "caption");

19、setChartAttribute(name:string, value:string) or  setChartAttribute(AttributeCollection:Object)

作用:设置图表属性的新值更新图表。它有两个参数。的属性的名称和参数值。顾名思义图表的根属性(也被称为“图表属性”,这是通过<chart>元素在图表的XML数据或图表的JSON数据通过图表财产)。您还可以通过将它们作为一个对象的属性名和值对的集合功能。在右边的第二个例子。一旦图表属性得到改变,drawcomplete的的事件被触发。

view sourceprint?
1.myChart.setChartAttribute ( "caption" , "Latest sales report" );
2. 
3.or
4. 
5.chartReference.setChartAttribute( { "palette" : "2", paletteColors : "ACBF72", useRoundEdges : 1 } );

20、configureLink(objConfiguration: Object, level:Number)  or configureLink(arrConfiguration: Array)

作用:通过此功能,您可以将所有您想要的的LinkedCharts配置。您可以通过一个FusionCharts的构造函数接受的所有的属性。这些图表属性将被应用的LinkedCharts。如果没有提供,LinkedCharts将继承属性从父图表。
此外,您还可以配置的叠加按钮,使用overlayButton财产。这些设置还可以去另一个对象。configureLink函数可以接受两种格式的参数:作为两个独立的参数,第一个参数是一个对象,其中包含的所有配置(图叠加按钮)。第二个参数接受一个数字表示所配置的水平。第一向下钻取级别为0(零)。请参阅例如,在顶部的右侧。作为一个单一的二维索引数组,每个元素是一个对象,它包含所有的图表和覆盖按钮的相关配置。每个向下钻取级别由第一级是0(零)的阵列,其中的索引表示。所以,在一个特定的数组索引“对象实际上等于阵列的索引号的电平数字,这是适用于这些设置。请参阅例如,在右边的底部。

view sourceprint?
01.myChart.configureLink(
02.{
03.swfUrl: 'Charts/Bar2D.swf',
04.width: '30%',
05. 
06.overlayButton:
07.{   
08.message: ' x ',
09.bgColor:'999999',
10.borderColor: 'cccccc'
11.}
12.},
13.0);
14. 
15.or
16. 
17.myChart.configureLink(
18.[ {swfUrl: 'Charts/Bar2D.swf'},
19.{swfUrl: 'Charts/Pie2D.swf'},
20.{swfUrl: 'Charts/Line2D.swf'},
21.{swfUrl: 'Charts/Area2D.swf'}
22.]
23.);

21、resizeTo(width:String, height:String)

作用:此功能调整现有的图表。你可以通过宽度和高度值的百分比或像素值(没有PX后缀)。一旦被调整大小调整大小(FC_Resized)图表中,drawcomplete事件被触发。

view sourceprint?
1.myChart.resizeTo( "500", "400" )
2.or
3.myChart.resizeTo( "80%", "100%" )

22、exportChart( exportSettings: Object)

作用:调用图表保存为PDF /图片。

view sourceprint?
1.myChart.exportChart( { exportFormat : 'jpg'} )
2.or
3.myChart.exportChart( { exportAtClient: '1',  exportFormat: 'PDF' } );

23、print()

作用:打印图表

view sourceprint?
1.FusionCharts("myChartId").print()

24、clone( [chartParams: Object] )

作用:该功能可让您复制一个FusionCharts的JavaScript对象和使用它的设置来创建另一个图表。该功能可以选择一个对象作为参数。对象可以包含图表设置之前,它被克隆,这将覆盖现有的源图的设置。该函数返回的FusionCharts JavaScript对的一个实例。

view sourceprint?
1.var newChart = myChart.clone();
2.or
3.var newChart = myChart.clone( { swfUrl : 'Area2D.swf' } );

25、dispose()

作用:删除、清除某个图表实例。此外,该函数将配合BeforeDispose事件,以消除图表和处理后的图表已被删除。

view sourceprint?
1.FusionCharts("myChartId").dispose();

26、chartType()

作用:这个函数返回的图表类型或图表所呈现的FusionCharts的JavaScript对象的别名。请注意,别名的值是依赖于图表SWF文件名。

view sourceprint?
1.var strCharType = FusionCharts("myChartId").chartType();

27、isActive()

作用:此功能检查是否FusionCharts的SWF是可见的和激活的。返回true或false。

view sourceprint?
1.var strCharType = FusionCharts("myChartId").isActive();

28、hasRendered()

作用:这个函数返回布尔值,指示是否已完成呈现的图表。hasRendered()已过时

view sourceprint?
1.var strCharType = FusionCharts("myChartId").hasRendered();

29、signature()

作用:它返回一个字符串,代表的签名图。 FusionCharts的XT服务发布4个图表,它是“FusionCharts/3.2.2(XT)SR4”

view sourceprint?
1.var strCharType = FusionCharts("myChartId").signature();

转载于:https://www.cnblogs.com/henuyuxiang/p/3949011.html

Fusioncharts图表组件API参考方法(Functions)汇总篇(续)相关推荐

  1. 约2万字-Vue源码解读汇总篇(续更)

    约2万字-Vue源码解读汇总篇(续更) 一.前言 1.系列汇总 未完待续... Vue源码解读:06Vue3探索篇 Vue源码解读:05生命周期篇 Vue源码解读:04模板编译篇 Vue源码解读:03 ...

  2. Fusioncharts图表组件在宿舍评分统计中的应用

    上篇blog说了要展示下Fusioncharts在系统中的使用,现在就分享下自己在这块的应用. 首先向大家展示下这个效果是怎样的. 鼠标点击相关数据行,弹出隐藏DIV. 前台JSP需要文件: Fusi ...

  3. QQ小游戏 BannerAd 创建banner广告组件 API

    BannerAd 创建banner广告组件 qq.createBannerAd(Object object) BannerAd qq.createBannerAd(Object object) 创建 ...

  4. QQ小游戏 AppBox 创建广告盒子组件 API

    AppBox QQ小游戏创建广告盒子组件 qq.createAppBox(Object object) AppBox qq.createAppBox(Object object) 创建广告盒子组件.基 ...

  5. QQ小游戏 RewardedVideoAd 创建激励视频广告组件 API

    RewardedVideoAd 创建激励视频广告组件 qq.createRewardedVideoAd(Object object) RewardedVideoAd qq.createRewarded ...

  6. 二十三、【开源】EFW框架Web前端开发之常用组件(FusionCharts图表、ReportAll报表等)

    回<[开源]EFW框架系列文章索引> EFW框架源代码下载V1.2:http://pan.baidu.com/s/1hcnuA EFW框架实例源代码下载:http://pan.baidu. ...

  7. Vue 组件间通信方法汇总

    Vue 组件间通信方法汇总 ⭐️ 更多前端技术和知识点,搜索订阅号 JS 菌 订阅 除了使用 Vuex 方法外,vue 提供了各种各样的组件间通信的方案.文章整理一下父子组件.兄弟组件.祖先后代组件间 ...

  8. 【vue2】子组件向父组件传参方法汇总

    一.前言 最近在复习vue,总结一下父子组件通信的方式.希望能够一起进步. 二.代码 1.项目介绍 有三个子组件,School.vue.Student.vue.Grade.vue.其中App.vue引 ...

  9. 微软官方的.NET Framework API 参考网址

    微软官方的.NET Framework API 参考网址,值得收藏和查阅~~~ https://docs.microsoft.com/zh-cn/dotnet/api/?view=netframewo ...

最新文章

  1. 2006年上半年 网络工程师 上下午试卷【附带答案】
  2. 数据中设计中的范式与反范式
  3. C# 操纵 Excel(tlbimp.exe)
  4. 如何看待第三代神经网络SNN?详解脉冲神经网络的架构原理、数据集和训练方法 原创
  5. windows 2008 R2下(AD RMS)无法检索证书层次结构的解决方法
  6. JavaScript Map 和 Set
  7. 学计算机就业靠谱吗,2018年计算机专业就业怎么样?
  8. c语言中'.'与'-'的区别
  9. 32线性空间06——行空间和左零空间
  10. linux下输入法安装设置及中文字体安装
  11. In file included from /usr/include/stdio.h:27:0, from btest.c:16: /usr/include/feat出错的解决办法
  12. python分词基础
  13. CLion配置STM32(保姆级教程)
  14. 一键搭建kms激活服务器
  15. 吐血整理 | 肝翻 Linux 同步管理所有知识点
  16. 设置py文件在pycharm里的工作环境/路径
  17. 盘古开源:大数据赋能业务运营,自主研发实现新突破
  18. python 持续集成 教程_使用Travis进行持续集成
  19. 基于51单片机简易数字示波器Proteus仿真
  20. python自动化测试学习路线(从入门到精通)

热门文章

  1. 用于HTTP加密浏览的TW2.0插件
  2. Map m=new HashMap()
  3. ACM训练小结-2018年6月19日
  4. IIS 6和IIS 7 中设置文件上传大小限制设置方法,两者是不一样的
  5. HDU 3339 In Action 最短路+01背包
  6. Eclipse SVN插件冲突导致不能使用解决办法
  7. 《TCP/IP详解 卷一》读书笔记-----广播多播IGMP
  8. 关于异步提交form表单
  9. 下载Android源码流程(完整版)
  10. POS主密钥与工作密钥关联详解