本文介紹了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 （給數字添加前綴和后綴）

&nbsp;   <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' >