一.基本組成:
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的相關文章,請繼續關注武林網。