首页 > 其他 > 详细

FusionCharts数值格式设置

时间:2017-02-13 16:53:18      阅读:234      评论:0      收藏:0      [点我收藏+]

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.

    <chartnumberSuffix="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‘ >


技术分享

FusionCharts数值格式设置

原文:http://www.cnblogs.com/yuany69/p/6394462.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!