`
mmjj4067
  • 浏览: 7021 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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' >



分享到:
评论

相关推荐

    利用FusionCharts 实现数据图表展示

    - **数据格式化**:原始数据可能需要预处理,如计算百分比、格式化日期等,以便适配FusionCharts的JSON数据格式。 - **响应式设计**:确保图表在不同屏幕尺寸和设备上都能正确显示,可能需要调整图表大小和布局。 ...

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

    FusionCharts是一款强大的JavaScript图表库,能够将JSON格式的数据转换为交互式的图表,从而提升数据分析和展示的效果。本文将深入探讨如何利用FusionCharts结合JSON数据来创建图表。 **FusionCharts简介** ...

    FusionCharts数据统计图

    5. **多种数据源支持**:除了XML,FusionCharts还支持JSON、CSV、数据库等多种数据格式,便于数据集成。 6. **响应式设计**:图表会自动调整以适应不同屏幕尺寸,确保在桌面和移动设备上的良好显示。 7. **性能...

    使用fusioncharts实现数据库的动态数据交互.zip

    3. **数据绑定**:如何将数据库中的数据绑定到FusionCharts图表上,通常需要编写服务器端代码(如PHP、ASP.NET或Java)来查询数据库,并将结果转换为FusionCharts可读的格式(通常是XML或JSON)。 4. **AJAX技术**...

    Fusioncharts 数据模版

    2. **JSON数据格式**:FusionCharts接受的数据是以JSON格式呈现的,这包括两部分:`chart`对象和`data`数组。`chart`对象定义了图表的各种属性,如标题、副标题、图例位置、颜色主题等;`data`数组则包含了具体的...

    FusionCharts 18个常用控件教程(含json格式和xml格式)

    教程中涉及到的json和xml格式则是FusionCharts数据输入的两种常见方式。 1. **FusionCharts介绍** FusionCharts提供了一系列预定义的图表类型,如柱状图、饼图、线图、面积图等,适合用于商业报告、数据分析和信息...

    FusionCharts

    **FusionCharts**是一款强大的数据可视化工具,专为创建交互式图表和图形而设计。它提供了丰富的图表类型,包括柱状图、饼图、线图、热力图等,能够帮助用户将复杂的数据以直观易懂的方式呈现出来。在本压缩包中,...

    FusionCharts链接格式

    这种格式化的方式,被称之为FusionCharts链接格式。 在实际应用中,需要将这些链接嵌入到图表的数据集中,对于数据点的链接,是在设置数据点时指定的属性;而为整个图表设置链接,则是通过图表数据源的clickURL属性...

    FusionCharts_XT_Evaluation

    FusionCharts XT 支持两种主要的数据格式: - **JSON(JavaScript Object Notation)**: JSON是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。在FusionCharts中,JSON数据通常以对象的...

    可用于json数据加载的fusionCharts

    在给定的压缩包文件中,重点在于FusionCharts支持JSON数据格式的加载,这在许多现代Web应用中是非常重要的,因为JSON已经成为数据交换的标准格式之一。 1. **FusionCharts简介** FusionCharts是一款基于JavaScript...

    fusionCharts

    2. **数据源**:FusionCharts支持XML、JSON、CSV等多种数据格式。数据可以内联在HTML中,也可以通过服务器端脚本动态获取。 3. **图表类型**:FusionCharts提供了超过90种不同类型的图表,包括基本图表(如柱状图、...

    fusioncharts

    FusionCharts 是一款强大的数据可视化工具,专为网页和应用程序设计,用于创建交互式图表和图形。它提供了一系列丰富的图表类型,如柱状图、线图、饼图、地图等,使数据呈现更加生动、易理解。FusionCharts XT (v...

    FusionCharts_ASP_Class

    1. **XML数据生成**:类库提供方法帮助开发者生成符合FusionCharts格式的XML数据,包括设置图表的标题、颜色、数据系列等。 2. **图表实例化**:通过类库中的方法,可以创建FusionCharts对象实例,设置图表类型、...

    FusionCharts完整资料集

    通过XML或JSON数据格式,FusionCharts能够将各种类型的数据转换成易于理解的图形,如柱状图、饼图、线图、地图等。 ### 2. FusionCharts实例与简单例子 在"报表FusionCharts讲解及简单实例.doc"和"FusionCharts...

    FusionCharts区域图例子

    - `dataFormat`:指定数据格式,通常为JSON。 - `dataSource`:包含图表的系列、数据、轴标签等详细信息。 - `categories`:定义X轴或时间轴的类别标签。 - `dataset`:定义数据集,每个数据集对应图表的一个...

    FusionCharts帮助文档

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

    FusionCharts_java后台工具

    在IT行业中,FusionCharts是一个广泛使用的图表库,它提供了丰富的图表类型以及强大的交互功能,使得数据可视化变得简单易行。本项目主要关注的是如何在Java后端与FusionCharts结合,通过JavaBean实体类、Action类...

    FusionCharts 甘特图制作案例

    XML文件是一种结构化数据格式,可以方便地存储和传递图表所需的数据。在FusionCharts中,我们可以创建一个XML文件,包含各个任务的开始日期、结束日期、持续时间等信息,然后在JavaScript代码中加载这个XML文件,...

    FusionCharts For Asp.net

    例如,可以创建一个名为"FusionChartData.ashx"的处理程序,该处理程序读取数据库或其他数据源,并返回格式化的XML。 然后,我们需要在ASP.NET页面中设置FusionCharts对象。这通常在HTML部分使用JavaScript完成,但...

Global site tag (gtag.js) - Google Analytics