本文介紹了FusionCharts圖表控件如何設置數(shù)值格式 ，附加效果圖和代碼。

1）Controlling decimal precision （小數(shù)位控制）

•顯示兩位小數(shù)

     <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 （格式轉(zhuǎn)換）

 •數(shù)字默認以千位K,M (Kilo, Million)，小數(shù)位用點分隔顯示 : 

•如果不需要默認千位數(shù)K，萬位數(shù)M顯示，則方法如下：

     <chart formatNumberScale='0'..>

•不需要使用逗號分隔千位數(shù)字時，方法如下：

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

•數(shù)字小數(shù)位和千位數(shù)字顯示格式設置如下：

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

逗號分隔千位數(shù)字，點分隔小數(shù)位  點分隔千位數(shù)字，逗號分隔小數(shù)位

3）Adding number prefix and suffix （給數(shù)字添加前綴和后綴）

&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軸數(shù)字設置）

•設置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軸數(shù)字顯示格式：

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