HighCharts日期及数值格式化

时间:2022-03-01 19:56:31

1、函数原型

 
1
dateFormat(Stringformat,[Numbertime],[Booleancapitalize])::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(Numbernumber,[Numberdecimals],[StringdecimalPoint],[StringthousandsSep])::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';
   }
},...