一.基本組成:
Highcharts包含標題(Title):主標題是必須的但是subTTitle不是必須
座標軸(Axis):有x座標(xAxis)和y座標(yAxis)
數據列(Series):每個曲線,每個柱形條組,每個餅圖的部分
數據提示框(Tooltip):鼠標放上去的提示框
圖例(Legend):通過點擊標示可以顯示或隱藏該數據列
版權信息(Credits):一般是highcharts的官網,指定credits.enabled=false不讓顯示
導出功能按鈕(Exporting):需要包含exporting.js
標示線(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