HighCharts日期格式化及數值格式化

一、dateFormat 日期格式化

1、函數原型

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

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)

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、函數原型

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

2、參數說明

1) number: Number

需要格式化的數字

2）decimals:Number

保留的小數位

3）decimalPoint: String

小數點符號，默認是“.”，比如19.8

4) thousandsSep: String

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

3、實例說明

比如我們需要將tooltip中顯示的數值設置爲保留兩位小數點，小數點符號爲“.”，我們的格式化函數就可以爲numberFormat(xxx, 2,  ‘.’) 

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