FusionCharts 数据格式化

Number Formatting in FusionCharts

 

 

 
1)Controlling decimal precision (小数位控制)
  • 显示两位小数

     <chart ... decimals='2' >


FusionCharts 数据格式化
 

FusionCharts 数据格式化
 
Chart without any decimal formatting applied
With decimals set to 2 (see the first column value)
 
  • 强制显示两位,不足不0

      <chart ... forceDecimals='1' >


FusionCharts 数据格式化
 

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

FusionCharts 数据格式化
 
  • 如果不需要默认千位数K,万位数M显示,则方法如下:

     <chart formatNumberScale='0'..>


FusionCharts 数据格式化
 
  • 不需要使用逗号分隔千位数字时,方法如下:

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


FusionCharts 数据格式化
 
 
 
  • 数字小数位和千位数字显示格式设置如下:

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

 


FusionCharts 数据格式化
 

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

   

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

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


FusionCharts 数据格式化
 

FusionCharts 数据格式化
 
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>

 


FusionCharts 数据格式化
 
  • 设置Y轴数字显示格式:

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


FusionCharts 数据格式化

你可能感兴趣的:(FusionCharts)