一般狀況下,Highcharts包含標題(Title)、座標軸(Axis)、數據列(Series)、數據提示框(Tooltip)、圖例(Legend)、版權信息(Credits)等,高級的還包括導出功能按鈕(Exporting)、標示線(PlotLines)、標示區域(PlotBands)等。瀏覽器
Highcharts基本組成部分以下圖所示函數
圖2-1 Highcharts基本組成部分學習
圖表標題,包含標題和副標題(subTitle),其中副標題是非必須的。測試
座標軸,包含x軸(xAxis)和y軸(yAxis)。一般狀況下,x軸顯示在圖表的底部,y軸顯示在圖表的左側。多個數據列能夠共同使用同一個座標軸,爲了對比或區分數據,Highcharts提供了多軸的支持。ip
數據列。圖表上一個或多個數據系列,好比曲線圖中的一條曲線,柱狀圖中的一個柱形。開發
數據提示框。當鼠標懸停在某點上時,以框的形式提示該點的數據,好比該點的值,數據單位等。數據提示框內提示的信息徹底能夠經過格式化函數動態指定。it
圖例。用不一樣形狀、顏色、文字等 標示不一樣數據列,經過點擊標示能夠顯示或隱藏該數據列。class
圖表版權信息。顯示在圖表右下方的包含連接的文字,默認是Highcharts官網地址。經過指定credits.enabled=false便可不顯示該信息。Highcharts
導出功能按鈕。經過引入exporting.js便可增長圖表導出爲常見文件功能。兼容性
標示線(或輔助線)。能夠在圖表上增長一條標示線,好比平均值線,最高值線等。
標示區域(分辨帶)。能夠在圖表添加不一樣顏色的區域帶,標示出明顯的範圍區域。