FusionCharts Free中文开发指南[使用文档教程]第十一章--FCF中的基本数字格
2011-06-01 17:03
736 查看
在我们的报表里,经常要对数值进行一些格式化,如小数位,千分位等等。这在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中文开发指南 第十一章--FCF中的基本数字格式
- FusionCharts Free中文开发指南 第十四章--在JSP里使用FCF
- FusionCharts Free中文开发指南 第四章--使用JavaScript加载图形
- FusionCharts Free中文开发指南 第五章--使用dataXML加载数据
- FusionCharts Free中文开发指南 第六章--FusionCharts Free图形的基本元素
- FusionCharts Free中文开发指南 第七章--使用XML来创建和控制图形
- FCF中文指南-第六章--FusionCharts Free图形的基本元素
- FusionCharts Free中文开发指南 第十二章--FCF中的特殊字符
- FusionCharts Free中文开发指南 第十章--FCF中的下钻
- FusionCharts Free中文开发指南 第十二章--FCF中的特殊字符
- Koa框架教程,Koa框架开发指南,Koa框架中文使用手册,Koa框架中文文档
- FusionCharts Free使用文档教程第一章--FusionCharts Free介绍
- FusionCharts Free使用文档教程第二章-FusionCharts Free安装
- FusionCharts Free中文开发指南 第一章--FusionCharts Free介绍
- FusionCharts Free使用文档教程第三章-FusionCharts Free我的第一个图形
- FusionCharts Free中文开发指南 第八章--FusionCharts Free和组合图XML
- FusionCharts Free使用文档教程第四章-FusionCharts Free使用JavaScript加载图形
- FusionCharts Free使用文档教程第三章-FusionCharts Free我的第一个图形
- FusionCharts Free中文开发指南 第二章--FusionCharts Free安装
- FusionCharts Free中文开发指南