HighCharts日期及数值格式化

1、函数原型

 

 

1	dateFormat ( String format , [ Number time ] , [ Boolean capitalize ] ) : : String

 

2、说明

格式化JavaScript 时间（也就是一个时间数值，从1970年1月1日到现在的秒值）成为我们容易理解的常规的字符串型的时间格式（比如2012/10/23等）。这个格式化函数继承PHP格式化时间函数。

3、参数说明：

1）format: String

一个String型的格式字符串，包含如下形式

 

%a: 简短型星期,比如‘Mon’.

%A: 完整型星期, 比如‘Monday’.

%d: 两位的日期, 从01到31.

%e: 数字型日期,从 1 到 31.

%b: 简短型月份, 比如 ‘Jan’.

%B: 完整型月份, 比如 ‘January’.

%m: 两位的月份, 从01 到 12.

%y: 两位数的年份, 比如 09 代表 2009.

%Y: 四位数的年份, 比如 2009.

%H: 两位数的24小时制的时间, 从00 到 23.

%I: 两位输得12小时制的时间, 从 00 到 11.

%l (小写字母l):12小时制的时间, 1 到 11.

%M: 两位的分钟, 从00 到 59.

%p: 小写形式的 AM 或 PM.

%P: 大写形式的 AM or PM.

%S: 两位的秒, 从00 到 59

 

2) time: Number  需要转换的javascript 时间戳

在编程中，我们的时间都是以时间戳，我们计时的标准是一个数值，代表着距1970年1月1日到现在的秒值，这样我们处理日期之需处理一个int型参数就行。我们可以写简单的javascript代码测试时间戳，例如

(2012-9-2 16:53:33) = 1350982413186 s

3）capitalize: Boolean

是否以大写形式显示返回值。dateFormat返回值类型是string型。

4、实例代码

比如要格式化为“yyyy-MM-dd hh:mm:ss”也就是形如“2012-10-23 18:33:23”,那么我们的函数就可以为dateFormat(‘%Y-%m-%d %H:%M:%S’, xxx)

 

 

1 2 3 4 5 6

tooltip: {    formatter: function ( ) {        return '<strong>' + this . series . name + '</strong>' +          Highcharts . dateFormat ( '%Y-%m-%d %H:%M:%S' , this . x ) + ': ' + this . y + ' m/s' ;    } } , . . .

 

二、numberFormat数值格式化

1、函数原型

 

 

1	numberFormat ( Number number , [ Number decimals ] , [ String decimalPoint ] , [ String thousandsSep ] ) : : String

 

2、参数说明

1) number: Number

需要格式化的数字

2）decimals:Number

保留的小数位

3）decimalPoint: String

小数点符号，默认是“.”，比如19.8

4) thousandsSep: String

一千的分隔符，默认是“,”，比如1999,9990

3、实例说明

比如我们需要将tooltip中显示的数值设置为保留两位小数点，小数点符号为“.”，我们的格式化函数就可以为numberFormat(xxx, 2,  ‘.’) 

 

 

 

 

JavaScript

 

1 2 3 4 5 6

tooltip: {    formatter: function ( ) {        return '' + this . series . name + '' +          this . x + ': ' + Highcharts . numberFormat ( this . y , 2 , '.' ) + ' millions' ;    } } , . . .