(转)数字格式化函数：Highcharts.numberFormat()

一、函数说明

该函数用于图表中数值的格式化，常见用途有数值精度控制、小数点符、千位符显示控制等。

二、函数使用

1、函数构造及参数

Highcharts.numberFormat (Number number, [Number decimals], [String decimalPoint], [String thousandsSep])

参数列表

number 需要格式化的数字
decimals 小数保留位数，最后一位是四舍五入，默认为 0（可选参数）
decimalPoint 小数点符，默认是“.”（可选参数）
thousandsSep 千位符，默认是“,” （可选参数）

返回值类型：String

详见API 文档： http://www.hcharts.cn/api/index.php#Highcharts.numberFormat

2、举个栗子

对于数字 12223.8723

Highcharts.numberFormat(12223.87) = 12,224 （默认精度是0）

Highcharts.numberFormat(12223.87, 2) = 12223.87 （保留两位小数）

Highcharts.numberFormat(12223.87, 2, ",", " ") = 12 223,87 （小数点用“,”，千分符用“ ”）

Highcharts.numberFormat(12223.87, 2, ".", "") = 12223.87 （不显示千分符）

三、操作实例

饼图的数据及dataLabels 的格式化函数如下

plotOptions: {

pie: {

dataLabels: {

enabled: true,

formatter: function() {

return this.point.name + this.percentage + '%';

}

series: [{

type: 'pie',

name: 'Browser share',

data: [

['Firefox', 45.60],

['IE', 26.68],

{

name: 'Chrome',

y: 12.68,

sliced: true,

selected: true

['Safari', 8.65],

['Opera', 6.62],

['Others', 0.67]

]

}]

这时候我们看到的饼图文字标签（dataLabels）为

图中的数字（dataLabels中的饼图扇区所占百分比）就会显示出没有经过精度控制的内容，利用Highcharts.numberFormat() 我们就可以控制该数值的精度。

formatter: function() {

return this.point.name + Highcharts.numberFormat(this.percentage,2) + '%';

}

至此已基本说清楚 Highcharts.numberFormat() 函数的作用了，下面说下关于该函数更多用处及数字格式化相关内容。

四、相关内容

1、需要用到数值格式化函数的地方

在图表中有很多地方也有可能需要用到数值格式化函数，归纳如下

坐标轴文字（Axis.labels）：对应的格式化函数是 xAxis.labels.formatter、yAxis.labels.formatter
数据提示框（tooltip）：对应的格式化函数是 tooltip.formatter
数据点文字（dataLabels）：plotOptions.series.dataLabels.formatter 及 plotOptions.{chartType}.dataLabels.formatter

2、用于数值格式化的其他方法

同样是格式化，Highcharts还提供了更简便的方法，也就是 format 字符串，例如与 plotOptions.series.dataLabels.formatter 对应的就是 plotOptions.pie.dataLabels.format

示例代码

plotOptions: {

pie: {

dataLabels: {

enabled: true,

formatter: function() {

return this.point.name + this.percentage + '%';

// 对应的format

format:"{point.name} + {percentage}";

}

也就是 formatter 是函数，format 是格式字符串，关于两者的区别及优点这里就不多说，我们来说说format是如何进行数值精度控制的。

formatter: function() {

return this.point.name + Highcharts.numberFormat(this.percentage,2) + '%';

}

format:"{point.name} {this.percentage:.2f}"

{this.percentage:.2f} 即 {数值:.精度f}

转自：http://bbs.hcharts.cn/article-54-1.html

转载于:https://www.cnblogs.com/Dyyuan/p/4948394.html

(转)数字格式化函数：Highcharts.numberFormat()相关推荐

php text转数字格式化,PHP 数字格式化函数number_format的用法
摘要腾兴网为您分享:PHP 数字格式化函数number_format的用法,榛果民宿,杂志迷,幸福一百,双福汇等软件知识,以及爱如电,神之搜,识别字体app,和兴证券,塔多漫画,excel2007, ...
php 逗号千分位,PHP中number_format函数输出数字格式化，增加千分位符号
下文给各位介绍一个PHP中number_format函数输出数字格式化,增加千分位符号,如果有需要的朋友可一起来看看. 在输出数据到屏幕上显示的时候,如果数据较大,位数较多,看上去会比较费劲,有一种比 ...
php 带逗号数字转换,php实现数字格式化，数字每三位加逗号的功能函数169856420=169,856,420...
//php实现数字格式化,数字每三位加逗号的功能函数 //number_format("169856420"); 输出结果将为:169,856,420 public functio ...
Python之format格式化函数以及数字格式化输出规范
目录一.format函数官方解释二.format数字格式化 format函数的应用场景,主要用于Python字符串的处理,以及计算机二级考试基础内容. 一.format函数官方解释 str.for ...
java中NumberFormat 、DecimalFormat的介绍及使用，java数字格式化，BigDecimal数字格式化
文章目录前言一.NumberFormat 1.概述 2.实例化方法 3.货币格式化 4.百分比格式化 5.NumberFormat的坑 5.1.不同的格式化对象处理相同数值返回结果不同问题源码 ...
数字加逗号函数PHP函数,php实现数字格式化，数字每三位加逗号的功能函数
php实现数字格式化,数字每三位加逗号的功能函数代码如下所示: function num_format($num){ if(!is_numeric($num)){ return false; } $ ...
python format 格式化函数的用法格式化字符串（保留小数{:.2f}、数字补零）
引用文章:Python format 格式化函数
java输出数字格式化_Java™ 教程（格式化数字打印输出）
格式化数字打印输出以前你已经看到使用print和println方法将字符串打印到标准输出(System.out),因为全部数字均可以转换为字符串(你将在本课后面看到),你可使用这些方法打印出任意的字 ...
简单介绍python format格式化和数字格式化
这篇文章主要介绍了python format格式化和数字格式化,格式化字符串的函数 str.format(),它增强了字符串格式化的功能,基本语法是通过{} 和 : 来代替以前的 % ,下面内容介绍, ...

(转)数字格式化函数：Highcharts.numberFormat()

(转)数字格式化函数：Highcharts.numberFormat()相关推荐

最新文章

热门文章