zoukankan      html  css  js  c++  java
  • Fusioncharts的数字格式化

     

    1.     小数点位数格式化

    <chart ... decimals='2' >

    Eg.数值12.432, 13.4 and 13,使用<chart ... decimals='2' >后数值将转换成12.43, 13.4 and 13;12.432将被截取2位,但是13.4并不会自动补零。

     

     

    2.K、M格式化

    Fusioncharts自动将数值转换成K (Thousands) & M (Millions)

    Eg。12500, 13400 and 13300

    可指定不进行格式化<chart formatNumberScale='0'..>

    这时,fusioncharts将自动按逗号分隔,若不显示逗号,则

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

    3.分隔符修改

    Fusioncharts默认将逗号作为Thousands的分隔符,将。作为小数点;可根据需要进行修改,使用属性decimalSeparator thousandSeparator

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

    4.增加数值前后缀

    使用属性numberPrefix和numberSuffix

    如numberPrefix="$"  numberSuffix="p.a"

     

    5.时间格式化

    <chart defaultNumberScale='s' ...>

    <chart numberScaleValue='60,60,24,7' numberScaleUnit='min,hr,day,wk' >

    <chart defaultNumberScale='s' numberScaleValue='60,60,24,7' numberScaleUnit='min,hr,day,wk'>     <set label='A' value='38' />     <set label='B' value='150' />     <set label='C' value='11050' />     <set label='D' value='334345' />     <set label='E' value='1334345' /> </chart>

    6.存储大小格式化

    8 bits = 1 Byte 1024 bytes = 1 KB 1024 KB = 1 MB 1024 MB = 1 GB 1024 GB = 1 TB

    <chart defaultNumberScale='bits' numberScaleValue='8,1024,1024,1024,1024' numberScaleUnit='bytes,KB,MB,GB,TB' >

    7.入参数据格式化

    使用属性inThousandSeparatorinDecimalSeparator

    <chart inThousandSeparator='.' inDecimalSeparator=',' formatNumberScale='0'>     <set label='John' value='420.315,43' />     <set label='Mary' value='295.345,98' />     <set label='Tom' value='523.323,76' /> </chart>

    则fusioncharts在解析的时候将按照逗号作为小数点,.作为千位分隔符解析;

    inThousandSeparatorthousandSeparator分别是fusioncharts对入参的千位分隔符和显示的千位分隔符;

    inDecimalSeparatordecimalSeparator分别是fusioncharts对入参的小数点解析符和显示的小数点符号;

  • 相关阅读:
    由ping百度引发的思考
    操作系统 | 概述
    操作系统导论第四章 | 抽象:进程
    汇编语言 | 定制键盘输入的处理过程
    细数 TS 中那些奇怪的符号
    vue 各种 import 引入
    display:table-cell实现水平垂直居中
    Jquery判断单选框是否选中和获取选中的值
    css整理 -- 右箭头,上下箭头,三角形、超出省略号代替
    JQuery操作select下拉框
  • 原文地址:https://www.cnblogs.com/fengqingtao/p/3283769.html
Copyright © 2011-2022 走看看