`
wangxiao5530
  • 浏览: 136815 次
  • 性别: Icon_minigender_2
  • 来自: 大连
社区版块
存档分类
最新评论

FusionCharts数值格式设置

 
阅读更多
Number Formatting in FusionCharts

 

 

 
1)Controlling decimal precision (小数位控制)
  • 显示两位小数

     <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 (格式转换)
  • 数字默认以千位K,M (Kilo, Million),小数位用点分隔显示 :


 
  • 如果不需要默认千位数K,万位数M显示,则方法如下:

     <chart formatNumberScale='0'..>



 
  • 不需要使用逗号分隔千位数字时,方法如下:

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



 
 
 
  • 数字小数位和千位数字显示格式设置如下:

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

 



 


 
逗号分隔千位数字,点分隔小数位 
点分隔千位数字,逗号分隔小数位
 
3)Adding number prefix and suffix (给数字添加前缀和后缀)

   

    <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轴数字设置)
  • 设置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轴数字显示格式:

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



 

 

  • 大小: 8.3 KB
  • 大小: 8.3 KB
  • 大小: 8.3 KB
  • 大小: 8.9 KB
  • 大小: 9.6 KB
  • 大小: 10 KB
  • 大小: 9.6 KB
  • 大小: 9.9 KB
  • 大小: 9 KB
  • 大小: 9.5 KB
  • 大小: 7.6 KB
  • 大小: 7.7 KB
  • 大小: 8.8 KB
分享到:
评论

相关推荐

    用fusioncharts使用json格式数据展示图表

    在FusionCharts中,JSON数据用于定义图表的结构、样式以及包含的数值数据。JSON数据结构通常包括图表配置参数、系列数据等。 **使用FusionCharts展示JSON数据步骤** 1. **引入FusionCharts库**:首先,我们需要在...

    FusionCharts

    `Data.xml`是FusionCharts的数据源文件,它可以是XML、JSON或者CSV格式,用于提供图表所需的数值数据。在这个例子中,数据是以XML格式存储的,每个图表系列对应一个XML节点,每个节点包含了一系列的值。通过调整这个...

    FusionCharts_XT_Evaluation

    FusionCharts XT 的配置过程相对简单,开发者只需包含必要的JavaScript库,设置图表的ID、类型、宽度、高度以及数据源。它支持JavaScript和服务器端语言(如Java)的无缝集成,允许动态数据更新和用户交互。 ### 3....

    玩转FusionCharts:Y轴数字形式(如去掉K)

    在默认情况下,FusionCharts为了简化大数值的展示,会自动将超过一定阈值的数值转换为带有“k”(千)、“M”(百万)等单位的格式。例如,20000会被显示为20k。虽然这种做法提高了数据的可读性,但在某些场景下可能...

    FusionCharts区域图例子

    - 颜色填充:根据数据值,区域图会填充相应颜色的区域,颜色深浅表示数值大小。 - 动态交互:FusionCharts支持鼠标悬停时显示数据提示,点击事件,以及图表缩放、平移等交互功能。 - 自定义轴:可以自定义X轴和Y...

    FusionCharts帮助文档

    3. 支持多种数据格式:FusionCharts可以处理XML、JSON、CSV等多种数据格式,适应不同的数据源。 4. 兼容性:与大多数现代浏览器兼容,包括IE8+、Firefox、Chrome、Safari和Opera。 5. 自定义化:提供了丰富的自定义...

    Fusioncharts 图表

    柱状图是FusionCharts中最基础的图表类型之一,适用于对比不同类别的数值。它通过垂直或水平的柱子长度来表示数据的大小,清晰直观。柱状图可进一步分为单系列柱状图、多系列柱状图和堆叠柱状图,以展示单个指标的多...

    fusioncharts全套资料分享

    2. 柱状图:用于比较不同类别的数值,直观明了。 3. 饼图:显示各部分占比,适合展示整体与部分的关系。 4. 地图:可以展示地理数据,如人口分布、销售业绩等。 5. 其他类型:散点图、仪表盘、热力图、雷达图等,...

    FusionCharts图表组件简单使用

    此外,不同类型的图表可能需要不同的数据源格式,因此在实际应用中,建议参考FusionCharts提供的文档和示例来适应具体需求。 总的来说,FusionCharts是一个强大且易于使用的图表组件,适用于快速构建具有吸引力的...

    FusionCharts_柱状图详解

    - **staggerLines**: 数值,当`labelDisplay`设置为`STAGGER`时,控制标签交错显示的行数。 #### 值显示与控制(Value Display and Control) - **showValues**: 布尔值,决定是否在每个柱子上方显示其数值,开启后...

    FusionCharts实例

    每个数据项都由`label`(类别名称)和`value`(数值)组成。 饼图的创建方式类似,只需将`type`改为`pie2d`,并根据需要调整配置项。折线图(line)则将`type`设为`line`,而蜡烛图(candlestick)的`type`是`...

    FusionCharts实际开发案例

    BankersLab是一家专注于金融培训的美国公司,它利用CreditLab、CollectionLab和ScoringLab三大软件,通过严谨的数值模拟,教授银行从业人员如何处理抵押贷款、信用卡业务等,提升风险控制能力。在这些软件中,数据...

    FusionCharts xml说明

    通过`decimalPrecision`参数,我们可以设定数值显示的小数位数,而`formatNumberScale`则用于控制是否启用数字缩放格式。这有助于提高数据的可读性。 再者,为图表添加标题和轴名称也是必不可少的。`caption`和`...

    FusionCharts演示Demo

    2. **数据格式**:除了XML,FusionCharts还支持JSON和CSV等数据格式,方便从数据库或其他数据源获取数据。 3. **交互性**:FusionCharts提供了丰富的交互功能,如点击图表元素后的数据钻取、图表组件的动态更新等。 ...

    FusionCharts 参数解释

    FusionCharts支持XML、JSON等多种数据格式。你可以通过`dataFormat`参数来指定数据来源的格式,如`dataFormat="json"`。 3. **DataSource(数据源)** `dataSource`参数用于指定图表的数据来源。可以是URL、字符...

    FusionCharts用法demo

    - **柱状图**:用于比较类别之间的数值。 - **线图**:适合展示数据随时间的变化趋势。 - **饼图**:表示部分与整体的关系。 - **地图**:展示地理位置上的数据分布。 - **组合图**:结合了多种图表类型在同一...

    FusionCharts 所有示例

    使用XML,开发者可以轻松地构建数据源,将业务数据转化为FusionCharts能理解的格式,从而实现图表的动态更新。这种灵活性使得FusionCharts能适应各种动态数据场景,如实时数据监控、用户交互反馈等。 3. **...

Global site tag (gtag.js) - Google Analytics