一.基本組成:
1.Highcharts包含標題(Title):主標題是必須的但是subTTitle不是必須
2.坐標軸(Axis):有x坐標(xAxis)和y坐標(yAxis)
3.數據列(Series):每個曲線,每個柱形條組,每個餅圖的部分
4.數據提示框(Tooltip):鼠標放上去的提示框
5.圖例(Legend):通過點擊標示可以顯示或隱藏該數據列
6.<!--more-->
7.版權信息(Credits):一般是highcharts的官網,指定credits.enabled=false不讓顯示
8.導出功能按鈕(Exporting):需要包含exporting.js
9.標示線(PlotLines):主動添加如平均線等
二.參數屬性:
1、調用highcharts:
方法一:
$(function () { $(".chart").highcharts({}); });
方法二:
var charts = new Highcharts.Chart({ // Highcharts 配置 chart : { renderTo : "container" // 注意這裡一定是 ID 選擇器 } });
2、設置表格寬高:
等同於設置div的寬高:
style="width: 800px ;height: 400px"
3、圖表樣式:
常見的有:border、backgroundColor、margin、spacing、style
總結
以上就是Highcharts入門之基本屬性的全部內容,希望對大家學習Highcharts有所幫助,小編還會陸續更新Highcharts的相關文章,請繼續關注。