轉帖|使用教程|編輯:龔雪|2016-07-06 15:43:20.000|閱讀 1197 次
概述:本次教程主要將向您介紹Highcharts圖表的主要組成結構。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
通常情況下,Highcharts包含標題(Title)、坐標軸(Axis)、數據列(Series)、數據提示框(Tooltip)、圖例(Legend)、版權信息(Credits)等,高級的還包括導出功能按鈕(Exporting)、標示線(PlotLines)、標示區域(PlotBands)等。
Highcharts基本組成部分如下圖所示:
圖表標題,包含標題和副標題(subTitle),其中副標題是非必須的。
坐標軸,包含x軸(xAxis)和y軸(yAxis)。通常情況下,x軸顯示在圖表的底部,y軸顯示在圖表的左側。多個數據列可以共同使用同一個坐標軸,為了對比或區分數據,Highcharts提供了多軸的支持。
數據列。圖表上一個或多個數據系列,比如曲線圖中的一條曲線,柱狀圖中的一個柱形。
數據提示框。當鼠標懸停在某點上時,以框的形式提示該點的數據,比如該點的值,數據單位等。數據提示框內提示的信息完全可以通過格式化函數動態指定。
圖例。用不同形狀、顏色、文字等 標示不同數據列,通過點擊標示可以顯示或隱藏該數據列。
圖表版權信息。顯示在圖表右下方的包含鏈接的文字,默認是Highcharts官網地址。通過指定credits.enabled=false即可不顯示該信息。
導出功能按鈕。通過引入exporting.js即可增加圖表導出為常見文件功能。
標示線(或輔助線)。可以在圖表上增加一條標示線,比如平均值線,最高值線等。
標示區域(分辨帶)。可以在圖表添加不同顏色的區域帶,標示出明顯的范圍區域。
Via:hcharts.cn
如果你想提供任何產品反饋,。
購買最新版Highcharts<>,即可擁有最新正版授權!
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn