在我们的报表里,经常要对数值进行一些格式化,如小数位,千分位等等。这在FCF里实现起来非常容易。下面我们就来看看。
控制小数位位数所有的FCF图形都支持decimalPrecision属性,这个属性是用来指定小数位的位数的。如果你没有指定这个属性的值,那么FCF默认会显示小数位后面2位小数。这个属性是全局的,也就是说,它对这个图形上的所有数字都起作用。例如,如果你设置decimalPrecision='0',那么像这些12.432,13.4,13,就会显示成12,13,13。
同样的,如果你有0.12432,0.134 , 0.13等数据,并且没有指定decimalPrecision的值,那么FCF就会显示成0.12,0.13,0.13。如果你把decimalPrecision设置成4,那么就会显示成0.1243,0.1340,0.1300。
自动格式化数字FCF会自动的给你的数字加上K(千)或M(百万),如下图。
上图中,三个数字分别代表12500,13400,13300。FCF会自动地把这些数字转化为以千为单位,或是以百万为单位。
如果你不想这样,你就加上如下的代码:
<graph formatNumberScale='0'..decimalPrecision='0'...>
效果如下:
现在显示的是全部的数字了。不过,它还加了一些逗号来分隔这些数字。如果你不喜欢这样,你就加上formatNumber=0。但是,如果设置了formatNumber=0,那么就不能格式化小数位了。
看起来代码就像这样:
<graph ... formatNumber='0' formatNumberScale='0' ..decimalPrecision='0'...>
效果是这样:
自定义千分位和小数分隔符FCF默认使用“.”作为小数分隔符,使用“,”作为千分位分隔符。这也是我们的使用习惯。如果你想改成其他的,也可以。
我们使用decimalSeparator 指定小数分隔符,使用thousandSeparator 指定千分位分隔符。例如,我们想把小数分隔符和千分位分隔符调换一下:
<graph ... decimalSeparator=',' thousandSeparator='.' >
效果如下:
增加数字前缀和后缀FCF允许我们给所有的数字都加上前缀和后缀。
如果我们设置numberPrefix='$',那么会在所有的数字前面就会加上“$”,就像这样:$40000, $50000。
如果我们设置numberSuffix='%25',那么会在所以的数字后面加上“%”,就像这样:43%,39%。
我们注意到,“%”是经过了编码的。在FCF里,一些特殊的编码都需要经过编码。下一章我们会详细介绍特殊字符。
分享到:
相关推荐
《FusionCharts Free中文开发指南》是一份专为开发者准备的详尽教程,旨在帮助他们理解和运用FusionCharts Free这款强大的图表制作工具。FusionCharts Free是一款JavaScript图表库,能够生成交互式、丰富的数据可视...
**FusionCharts Free** 是由 InfoSoft Global 公司提供的一款免费的图表组件,它专为生成各种丰富、美观的图形报表而设计。作为一个基于Flash技术的解决方案,FusionCharts Free具备跨平台和跨浏览器的特性,适用...
《FusionCharts Free中文开发指南 (完全版)》是一份详尽的教程,旨在帮助开发者掌握FusionCharts Free这款强大的图表生成工具。FusionCharts Free是一款JavaScript库,它能够为Web应用程序提供丰富的交互式图表,...
**FusionCharts Free中文开发指南** FusionCharts是一款强大的数据可视化工具,专为创建交互式图表和图形而设计。FusionCharts Free是其免费版本,适用于个人和非商业项目,提供了一系列基本图表类型,帮助开发者将...
**FusionCharts Free中文开发指南**是一本专为开发者准备的详细教程,旨在帮助读者深入理解和熟练使用FusionCharts Free这款强大的图表库。FusionCharts是一款基于JavaScript和Flash的交互式图表解决方案,它能轻松...