在Winform中运用FusionCharts图表(一)

目前,在一些网站上,运用了动画的FLASH的图表,给网页增色不少。下面两张图就是“中国站长联盟”网站给注册用户统计网站访问量的图表的截图。





  这种带有动画效果的图表,立马使得网页亲切起来。

  在网上搜索一番后,发现它使用的是FusionCharts的Flash图表。

  FusionCharts是InfoSoft Global公司的一个产品,InfoSoft Global 公司是专业的Flash图形方案提供商,他们还有几款其他的基于Flash技术的产品,都非常的漂亮。FusionCharts Free则是FusionCharts提供的一个免费版本,虽然免费,功能依然强大,图形类型依然丰富。

  FusionCharts是用XML文件作为数据的载体。它从外部的XML文件获取数据,并根据数据显示动画图表。在XML中定义图表的各种属性,和图表的数据。在应用的时候,我们只要更改XML文件即可。

  有关FusionCharts的图表的图形的基本元素,参看文章:FusionCharts Free图形的基本元素 。这里不再赘述。

  下面,将详述其中的一个图表(2D Line)中的XML的属性说明。

  2D Line的XML的属性,官方文章地址:http://www.fusioncharts.com/free/docs/?/XMLOverview.html

  里面介绍了数十个属性,可是我们看看以下实例:
  1. <graph caption='Monthly Sales Summary'
  2.   subcaption='For the year 2004' xAxisName='Month'
  3.   yAxisMinValue='15000' yAxisName='Sales' decimalPrecision='0'
  4.   formatNumberScale='0' numberPrefix='
  5.   通篇只有15个属性,远少于官方文章介绍的属性。是这样的,如果在XML中没有输入这个属性,FusionCharts的2D Line图表就会用一个默认值,而各个属性的默认值,没有介绍,笔者通过测试,逐步摸索出各个属性的默认值。贴在这儿和大家交流,其中难免有疏漏,欢迎指正。

  6.   bgColor:默认值ffffff。背景色,颜色采用6位16进制的字符表示,分别表示三个三色分量。
  7.   bgAlpha:默认值100。背景Alpha,Alpha的取值范围是0—100。0是全透明,100是全不透明。
  8.   bgSWF:默认值是空字符。背景SWF文件。

  9.   canvasBgColor:默认值ffffff。画布背景色。
  10.   canvasBgAlpha:默认值100。画布背景Alpha。
  11.   canvasBorderColor:默认值000000。画布边框色,默认是黑色。
  12.   canvasBorderThickness:默认值 2。画布边框宽度,0为表示不显示边框。

  13.   caption:默认值是空字符。图表的标题。
  14.   subCaption:默认值是空字符。图表的子标题
  15.    xAxisName:默认值是空字符。X轴文字
  16.   yAxisName:默认值是空字符。Y轴文字
  17.   yAxisMinValue:默认值是空字符。Y轴最小值。
  18.   yAxisMaxValue:默认值是空字符。Y轴最大值。
  19.   注:上面两个属性,如果用默认值的话,图表将采用数据,来计算Y轴的数值范围

  20.   shownames:默认值1。1表示显示点的名字,0表示不显示。
  21.   showValues:默认值1。1表示显示点的数值,0表示不显示。
  22.   showLimits:默认值1。1表示显示图表的数值的限制区间,0表示不显示。
  23.   rotateNames:默认值0。 0表示点的名字显示时不旋转,1表示显示时旋转一个角度。
  24.   animation:默认值1。1表示显示动画,0表示不显示。

  25.   lineColor:默认值f8671d。折线颜色,该颜色是偏向橘黄的一种颜色。
  26.   lineThickness:默认值2。折线宽度。
  27.   lineAlpha:默认值 100。折线Alpha。

  28.   showShadow:默认值1。1表示显示折线阴影,0表示不显示。如果该属性为0,则下列shadow打头的属性都无效。
  29.    shadowColor:默认值cccccc。阴影颜色,一种灰色。
  30.   shadowThickness:默认值2。阴影宽度。
  31.   shadowAlpha:默认值100。阴影Alpha 。
  32.    shadowXShift:默认值2。阴影水平位移,可以是负值。
  33.   shadowYShift:默认值2。阴影垂直位移,可以是负值。

  34.   showAnchors:默认值1。1表示显示锚点,0表示不显示。如果该属性为0,则下列anchor打头的属性都无效。
  35.    anchorSides:默认值是空字符。锚点的边数,默认值代表是圆形。可以取大于2的数值,3表示三角形,4表示正方形,依此类推。
  36.    anchorRadius:默认值2。锚点的半径。
  37.   anchorBorderColor:默认值f8671d。锚点的边框色。
  38.    anchorBorderThickness:默认值2。锚点的边框宽度。
  39.   anchorBgColor:默认值ffffff。锚点的背景色。
  40.   anchorBgAlpha:默认值100。锚点的背景Alpha。
  41.   anchorAlpha:默认值100。锚点的Alpha。
  42.   注:anchorAlpha属性设为0时,也是不显示锚点,不过如果showhovercap为1时,鼠标移到点上时,还能看到提示文字。而 showAnchors属性设为0时,虽然也不显示锚点,无论showhovercap取何值,鼠标移到点上时,是看不到提示文字。 showNames='1'
  43.   showValues='0' showAlternateHGridColor='1'
  44.   AlternateHGridColor='ff5904' divLineColor='ff5904'
  45.   divLineAlpha='20' alternateHGridAlpha='5' >
  46. <set name='Jan' value='17400' hoverText='January'/>
  47. <set name='Feb' value='19800' hoverText='February'/>
  48. <set name='Mar' value='21800' hoverText='March'/>
  49. <set name='Apr' value='23800' hoverText='April'/>
  50. <set name='May' value='29600' hoverText='May'/>
  51. <set name='Jun' value='27600' hoverText='June'/>
  52. <set name='Jul' value='31800' hoverText='July'/>
  53. <set name='Aug' value='39700' hoverText='August'/>
  54. <set name='Sep' value='37800' hoverText='September'/>
  55. <set name='Oct' value='21900' hoverText='October'/>
  56. <set name='Nov' value='32900' hoverText='November' />
  57. <set name='Dec' value='39800' hoverText='December' />
  58. </graph>
复制代码
通篇只有15个属性,远少于官方文章介绍的属性。是这样的,如果在XML中没有输入这个属性,FusionCharts的2D Line图表就会用一个默认值,而各个属性的默认值,没有介绍,笔者通过测试,逐步摸索出各个属性的默认值。贴在这儿和大家交流,其中难免有疏漏,欢迎指正。

  bgColor:默认值ffffff。背景色,颜色采用6位16进制的字符表示,分别表示三个三色分量。
  bgAlpha:默认值100。背景Alpha,Alpha的取值范围是0—100。0是全透明,100是全不透明。
  bgSWF:默认值是空字符。背景SWF文件。

  canvasBgColor:默认值ffffff。画布背景色。
  canvasBgAlpha:默认值100。画布背景Alpha。
  canvasBorderColor:默认值000000。画布边框色,默认是黑色。
  canvasBorderThickness:默认值 2。画布边框宽度,0为表示不显示边框。

  caption:默认值是空字符。图表的标题。
  subCaption:默认值是空字符。图表的子标题
   xAxisName:默认值是空字符。X轴文字
  yAxisName:默认值是空字符。Y轴文字
  yAxisMinValue:默认值是空字符。Y轴最小值。
  yAxisMaxValue:默认值是空字符。Y轴最大值。
  注:上面两个属性,如果用默认值的话,图表将采用数据,来计算Y轴的数值范围

  shownames:默认值1。1表示显示点的名字,0表示不显示。
  showValues:默认值1。1表示显示点的数值,0表示不显示。
  showLimits:默认值1。1表示显示图表的数值的限制区间,0表示不显示。
  rotateNames:默认值0。 0表示点的名字显示时不旋转,1表示显示时旋转一个角度。
  animation:默认值1。1表示显示动画,0表示不显示。

  lineColor:默认值f8671d。折线颜色,该颜色是偏向橘黄的一种颜色。
  lineThickness:默认值2。折线宽度。
  lineAlpha:默认值 100。折线Alpha。

  showShadow:默认值1。1表示显示折线阴影,0表示不显示。如果该属性为0,则下列shadow打头的属性都无效。
   shadowColor:默认值cccccc。阴影颜色,一种灰色。
  shadowThickness:默认值2。阴影宽度。
  shadowAlpha:默认值100。阴影Alpha 。
   shadowXShift:默认值2。阴影水平位移,可以是负值。
  shadowYShift:默认值2。阴影垂直位移,可以是负值。

  showAnchors:默认值1。1表示显示锚点,0表示不显示。如果该属性为0,则下列anchor打头的属性都无效。
   anchorSides:默认值是空字符。锚点的边数,默认值代表是圆形。可以取大于2的数值,3表示三角形,4表示正方形,依此类推。
   anchorRadius:默认值2。锚点的半径。
  anchorBorderColor:默认值f8671d。锚点的边框色。
   anchorBorderThickness:默认值2。锚点的边框宽度。
  anchorBgColor:默认值ffffff。锚点的背景色。
  anchorBgAlpha:默认值100。锚点的背景Alpha。
  anchorAlpha:默认值100。锚点的Alpha。
  注:anchorAlpha属性设为0时,也是不显示锚点,不过如果showhovercap为1时,鼠标移到点上时,还能看到提示文字。而 showAnchors属性设为0时,虽然也不显示锚点,无论showhovercap取何值,鼠标移到点上时,是看不到提示文字。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值