1. 程式人生 > >HighCharts初學____(1)

HighCharts初學____(1)

座標軸中,可以通過Type指定座標軸型別,有linearlogarithmicdatetimecategory可選,預設是:linear。指定型別的例項程式碼如下:

// The types are 'linear', 'logarithmic' and 'datetime'
yAxis: {
    type: 'linear',
}

// Categories are set by using an array
xAxis: {
    categories: ['Apples', 'Bananas', 'Oranges']
}

linear

線性軸。預設型別,x軸按照Axis.tickInterval

值增長,y軸預設是自適應。

logarithmic

對數軸。按照數學中的對數增長,例如1,2,4,8... 用的不多,主要用於對數圖表,例項請檢視線上演示平臺的 對數直線圖

datetime

時間軸。時間使用和Javascript 日期物件一樣,即用一個距1970年1月1日0時0分0秒的毫秒數表示時間,也就是時間戳。更多Javascript 日期物件請閱讀 W3C school 相關內容。

Highcharts有很多時間格式化函式,列舉如下:

1、Date.getTime()

獲取當前時間戳。例項用法如下:

time = Date.getTime();   //time = 1384442746960 (ms)  當前時間為 2013-11-14 23:25:46
2、Date.UTC(year,month,day,hours,minutes,seconds,millisec)

通過UTC方式獲取指定時間的毫秒數,例如獲取 2013-11-14 00:00:00的毫秒數程式碼如下:

time = Date.UTC(2013,11,14,0,0,0,0);  // time = 1386979200000 (ms);
3、Highcharts.dateFormat(String format)

Highcharts時間格式化函式,同 PHP格式化函式。具體用法參考API文件 Highcharts.dateFormat() ,當然,在本教程的《函式使用》章節中具體講解。

category

陣列軸。