`
mmjj4067
  • 浏览: 6733 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

FusionCharts 数据格式化

 
阅读更多
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' >



分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics