Fusioncharts生成各种统计图(柱状图、饼图等)相关知识

在做汇总统计或统计报表等各种功能的时候常常会用到一些柱状图或是饼图等等，那么这就会用到Fusioncharts，它是生成各种统计图的一种flash插件，在治超项目里里面的统计分析详情里面就用到了这一技术，在需要的时候可以详细研究学习使用过程。这里总结一些简单的关于Fusioncharts的应用作为日后进一步学习的基础：
http://yyg329-405.blog.163.com/blog/static/378092662011712102523228/
http://blog.sina.com.cn/s/blog_4829ab000100srzk.html
http://qify.iteye.com/blog/754509
http://www.evget.com/zh-CN/Info/catalog/16971.html
http://yongboy.iteye.com/blog/270092
http://www.cnblogs.com/atree/archive/2010/04/20/fusioncharts-parameter.html

http://www.google.com.hk/#newwindow=1&safe=strict&q=fusioncharts%E7%94%9F%E6%88%90%E9%A5%BC%E5%9B%BE%E5%80%BC%E5%8F%AA%E8%83%BD%E6%98%AF%E6%95%B0%E5%AD%97%EF%BC%8C%E5%B9%B6%E4%B8%94%E8%87%AA%E5%8A%A8%E5%9B%9B%E8%88%8D%E4%BA%94%E5%85%A5&oq=fusioncharts%E7%94%9F%E6%88%90%E9%A5%BC%E5%9B%BE%E5%80%BC%E5%8F%AA%E8%83%BD%E6%98%AF%E6%95%B0%E5%AD%97%EF%BC%8C%E5%B9%B6%E4%B8%94%E8%87%AA%E5%8A%A8%E5%9B%9B%E8%88%8D%E4%BA%94%E5%85%A5&gs_l=serp.3...1314328.1330578.6.1330968.15.13.2.0.0.0.156.1576.0j13.13.0...0.0...1c.4j1.14.serp.z83kZ6aOAws&bav=on.2,or.&bvm=bv.47008514,d.aGc&fp=97cb47194c43a46b&biw=1600&bih=674


Fusioncharts的数字格式化:
1. 小数点位数格式化

<chart ... decimals='2' >

Eg.数值12.432, 13.4 and 13，使用<chart ...decimals='2' >后数值将转换成12.43, 13.4 and13；12.432将被截取2位，但是13.4并不会自动补零。

2.K、M格式化

Fusioncharts自动将数值转换成K (Thousands) & M(Millions)

Eg。12500, 13400 and 13300

可指定不进行格式化<chart ... formatNumberScale='0'..>

这时，fusioncharts将自动按逗号分隔，若不显示逗号，则

<chart ... formatNumber='0' formatNumberScale='0' ..>

格式数据：formatNumberScale='1' numberScaleValue='1024,1024,1024,1024' numberScaleUnit='K,M,G,T' 格式显示数据

3.分隔符修改

Fusioncharts默认将逗号作为Thousands的分隔符，将。作为小数点；可根据需要进行修改，使用属性decimalSeparatorthousandSeparator

<chart ... decimalSeparator=','thousandSeparator='.' >

4.增加数值前后缀

使用属性numberPrefix和numberSuffix

如numberPrefix="$" numberSuffix="p.a"

5.时间格式化

<chart defaultNumberScale='s'...>

<chart numberScaleValue='60,60,24,7'numberScaleUnit='min,hr,day,wk' >

<chart defaultNumberScale='s'numberScaleValue='60,60,24,7'numberScaleUnit='min,hr,day,wk'>
<setlabel='A' value='38' />
<setlabel='B' value='150' />
<setlabel='C' value='11050' />
<setlabel='D' value='334345' />
<setlabel='E' value='1334345' />
</chart>

6.存储大小格式化

8 bits = 1 Byte
1024 bytes = 1 KB
1024 KB = 1 MB
1024 MB = 1 GB
1024 GB = 1 TB

<chart defaultNumberScale='bits'numberScaleValue='8,1024,1024,1024,1024'numberScaleUnit='bytes,KB,MB,GB,TB' >

7.入参数据格式化

使用属性inThousandSeparator、inDecimalSeparator

<chart inThousandSeparator='.'inDecimalSeparator=','formatNumberScale='0'>
<setlabel='John' value='420.315,43'/>
<setlabel='Mary' value='295.345,98'/>
<setlabel='Tom' value='523.323,76'/>
</chart>

则fusioncharts在解析的时候将按照逗号作为小数点，.作为千位分隔符解析；

inThousandSeparator和thousandSeparator分别是fusioncharts对入参的千位分隔符和显示的千位分隔符；

inDecimalSeparator和decimalSeparator分别是fusioncharts对入参的小数点解析符和显示的小数点符号；