FusionCharts数值格局设置

来源:互联网 发布:经济数据分析论文 编辑:程序博客网 时间:2024/05/22 00:28
成果图:Number Formatting in FusionCharts

真谛的发明,或首选义务的完成,都引起我们的欢欣,使我们全部生命震颤。?

有了人生的价值,就不感觉黄金昂贵。?

?1)Controlling decimal precision (小数位把握)
  • 显示两位小数

???? <chart ... decimals=""2"" >



?


?
Chart without any decimal formatting applied
With decimals set to 2 (see the first column value)
?
  • 强迫显示两位,不足不0

????? <chart ... forceDecimals=""1"" >



?


?
?
?
?2)Automatic number formatting (格局转换)
  • 数字默认以千位K,M (Kilo, Million),小数位用点分隔显示 :


?
  • 若是不须要默认千位数K,万位数M显示,则办法如下:

???? <chart formatNumberScale=""0""..>



?
  • 不须要应用逗号分隔千位数字时,办法如下:

????? <chart ... formatNumber=""0"" formatNumberScale=""0"" ..> :



???
  • 数字小数位和千位数字显示格局设置如下:

???? <chart ... decimalSeparator="","" thousandSeparator=""."" >

?



?


?
逗号分隔千位数字,点分隔小数位?
点分隔千位数字,逗号分隔小数位
?3)Adding number prefix and suffix (给数字添加前缀和后缀)

???

??? <chart numberPrefix="¥">?? 例如: ¥40000, ¥50000.

??? <chart numberSuffix="25%">?? 例如: 25%



?


?
Number Prefix set as ¥ for the chart
Number Suffix Set as %
?4)Y-axis values decimal formatting in manual div-lines mode (Y轴数字设置)
  • 设置Y轴最大最小值:

????????<chart yAxisMinValue=""115"" yAxisMaxValue=""140"" adjustDiv=""0"" numDivLines=""3"" >
??????? <set label=""John"" value=""125"" />
??????? <set label=""Mary"" value=""134"" />
??????? <set label=""Andy"" value=""131"" />
??????? </chart>

?



?
  • 设置Y轴数字显示格局:

???????? <chart yAxisMinValue=""115"" yAxisMaxValue=""140"" adjustDiv=""0"" numDivLines=""3""????????yAxisValueDecimals=""2"" decimals=""0"" >


原创粉丝点击