HighCharts日期及数值格式化
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, ‘.’)
|
1
2
3
4
5
6
|
tooltip:{
formatter:function(){
return''+this.series.name+''+
this.x+': '+Highcharts.numberFormat(this.y,2,'.')+' millions';
}
},...
|
