注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

zjcjack的博客

 
 
 

日志

 
 

FusionChart图表控件使用说明  

2012-02-13 12:08:55|  分类: HTML+JS+FLASH+CS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图片控件,http://www.fusioncharts.com/

一.<graph>的属性说明:

1.caption:图表的大标题,subCaption图表的子标题

2.decimalPrecision:数字显示的精度

3.showNames:是否显示元素的名字(似乎只用饼图支持这个),0不显示,1显示,例如:<set name="Factory" value="1"/>,如果为1则显示Factory,否则不显示;

showValues:是否显示元素的值,和上面的类似

4.rotateNames:表示元素的名字否纵向显示(似乎饼图没有这属性)

5.xAxisName:x轴的名称;yAxisName:y轴的名称,yAxisMaxValue:y轴的最大值;yAxisMinValue:y轴的最小值

6.//Update it's XML,更新图表数据
   updateChartXML("图表ID",strXML);

7.showPercentageInLabel:是否显示百分比,1显示,0不显示

8.formatNumberScale:0不格式化,1格式化,超过1000的用k表示,例:1200会被格式化成1.2k

9.pieSliceDepth:饼图的厚度

10.chartRightMargin:图标距右边的距离

11.numberPrefix:数字显示的前缀,例:numberPrefix='$'。

12.anchorRadius:瞄点的半径;anchorSides:瞄点的类型,3表示显示三角形,4表示四边形;anchorBorderColor:边框颜色

13.parentYAxis='S' :曲线的形状,表示S形状

14.numDivLines:数字显示的层次

15.SYAxisName:Y轴的右边显示

 

二、元素的属性

1.link,表示元素的单击事件属性,例如:<set name="Factory" value="1" link='javascript:alert(\"HelloC\");'/>

2.color:显示的颜色(似乎只能用十六进制的元素编码:9900ff)

 

三、FusionCharts的创建

1.通过js创建:

 //创建  

[javascript] view plaincopy
  1.       function CreateFusionChart(){  
  2.         var chart_FactorySum = new FusionCharts("../FusionCharts/FCF_Pie3D.swf""FactorySum1""650""300""0""1");  
  3. chart_FactorySum.setDataXML("<graph caption='Factory Output report' subCaption='By Quantity' decimalPrecision='3' showNames='1' numberSuffix=' Units'  rotateNames='1' pieSliceDepth='20' formatNumberScale='0' ><set name='Factory 1' value='644' link='javascript:updateChart(1)'/><set name='Factory 2' value='2644' link='javascript:updateChart(2)'/><set name='Factory 3' value='1252' link='javascript:updateChart(3)'/></graph>");  
  4. chart_FactorySum.render("FactorySumDiv1");  
  5.         }  


2.通过C#后台创建:

[csharp] view plaincopy
  1. string str=FusionCharts.RenderChart("/FusionCharts/"+swfName, "",Server.UrlEncode(InitXMLData(ds)), "productSales1""600""450"falsefalse);  

把返回的字符输出到客户端中(其实返回的字符串就是一个javascript的脚本)
 3.更新图表数据:updateChartXML("上面创建的图表ID",strXML);

  评论这张
 
阅读(744)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017