Highcharts(二)之基本屬性

一.基本組成:

  1. Highcharts包含標題(Title):主標題是必須的但是subTTitle不是必須

  2. 座標軸(Axis):有x座標(xAxis)和y座標(yAxis)

  3. 數據列(Series):每個曲線,每個柱形條組,每個餅圖的部分

  4. 數據提示框(Tooltip):鼠標放上去的提示框

  5. 圖例(Legend):通過點擊標示可以顯示或隱藏該數據列

  6. 版權信息(Credits):一般是highcharts的官網,指定credits.enabled=false不讓顯示

  7. 導出功能按鈕(Exporting):需要包含exporting.js

  8. 標示線(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

發佈了56 篇原創文章 · 獲贊 19 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章