HighCharts初學____(1)
阿新 • • 發佈:2019-02-16
座標軸中,可以通過Type
指定座標軸型別,有linear
、logarithmic
、datetime
、category
可選,預設是: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
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
陣列軸。