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' ;    } } , . . .

 

2、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' ;    } } , . . .