FusionCharts图表提供了数值格式化的大量选项,包括数值的前缀、后缀、小数点位置以及根据事先定义的比例对数值进行换算。
如何在FusionCharts图表中定义小数点的保留位数?
FusionCharts所有图表都支持decimals属性。这个属性让你可以设定图表中所有数值的小数点保留位数。
例如,在你的图表中存在12.432、 13.4和13这三个数字,通过<chart ... decimals='2' >,这些数值将会分别被转换为12.43、13.4和13。
设定小数点保留位数之前
设定小数点保留位数之后
如何在FusionCharts图表中对数值进行补零?
这可以通过<chart ... forceDecimals='1' >来实现。看看下面的例子:
在双纵轴图表中,你需要为两个纵轴单独设置小数点精度。因此,这时的XML看起来是这样的:
<chart decimals='3' sDecimals='2' forceDecimals='1' >
FusionCharts可以对图表中的数值自动进行格式化吗?
是的,FusionCharts会自动把数值折算成千(k)或百万(m),同时添加逗号。
下面是一个例子:
我不想让图表自动换算数值,可以吗?
如果你不想进行数值的自动换算,你可以做如下设置:
<chart formatNumberScale='0'... >
结果是这样的:
如何从FusionCharts图表的数值中去掉逗号?
你可以通过属性formatNumber来去掉逗号,设置formatNumber='0'。但是这样一来,就不能对任何数值的精度进行控制了。
<chart ...formatNumber='0' formatNumberScale='0'... >
设置<chart ...formatNumber='0' formatNumberScale='0'... >之后的效果如下:
可以看到逗号被移除了。
同样的,针对双纵轴图表,你需要像下面这样对第二个纵轴进行设置。
<chart ... formatNumber='0' formatNumberScale='0' sFormatNumber='0'
sFormatNumberScale='0'... >
在这里,前缀‘s’代表第二个(secondary)坐标轴。
如何对FusionCharts图表中的数值添加前缀和后缀?
你可以对<chart>元素的如下属性进行设置:
numberPrefix="$" : 为主坐标轴上的数值增加前缀
numberSuffix="p.a" : 为主坐标轴上的数值增加后缀
sNumberPrefix="$" : 为副坐标轴上的数值增加前缀
sNumberSuffix="p.a" : 为副坐标轴上的数值增加后缀
添加货币前缀 添加百分比后缀
如何在FusionCharts图表中设置分割线?
你可以通过<chart> 元素的numDivLines属性来设定分割线的数量。看看下面这个例子:
<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不要自动调整分割线。
如何能控制FusionCharts图表中纵轴数值的小数点精度?
可以通过forceYAxisValueDecimals='1'和yAxisValueDecimals='具体数值'在纵轴上显示并控制小数点精度,此时adjustDiv应为0。
<chart ... yAxisMinValue='115' yAxisMaxValue='140' adjustDiv='0' numDivLines='3'
forceYAxisValueDecimals='1' yAxisValueDecimals='2' decimals='0' >
对于使用双纵轴的图表,XML应该是:
<chart ... forceSYAxisValueDecimals='1' SYAxisValueDecimals='2' >