JS圖表工具Highcharts和Hinghstock圖表構造參數經常使用屬性一覽,幫助咱們快速理解屬性含義。html
1 chart數組
1.1 renderTo :圖表的頁面顯示容器的 IDide
1.2 defaultSeriesType :圖表的顯示類型(line,spline, scatter, splinearea bar, pie, area, column )函數
1.3 margin :上下左右空隙工具
1.4 events :事件字體
1.4.1 click:function(e) {}spa
1.4.2 load:function(e) {}插件
2 xAxis/yAxisorm
2.1 gridLineColor :網格顏色
2.2 reversed :是否反向 true ,false
2.3 gridLineWidth :網格粗細
2.4 startOnTick :是否從座標線開始畫圖區域
2.5 endOnTick :是否從座標線結束畫圖區域
2.6 tickmarkPlacement :座標值與座標線標記的對齊方式 on,between
2.7 tickPosition :座標線標記的樣式 向內延伸仍是向外延伸 (insidel,outside)
2.8 tickPixelInterval :決定着橫座標的密度
2.9 tickColor :座標線標記的顏色
2.10 tickWidth :座標線標記的寬度
2.11 lineColor :基線顏色
2.12 lineWidth :基線寬度
2.13 max :固定座標最大值
2.14 min :固定座標最小值
2.15 plotlines :標線屬性
2.16 title
2.16.1 enabled :是否顯示
2.16.2 text :座標名稱
2.17 Labels :座標軸值顯示類
2.17.1 formatter :格式化函數
2.17.2 enabled :是否顯示座標軸的座標值
2.17.3 rotation :傾斜角度
2.17.4 align :與座標線的水平相對位置
2.17.5 x :水平偏移量
2.17.6 y :垂直偏移量
2.17.7 style
2.17.7.1 font :字體樣式
2.17.7.2 color :顏色
3 Tooltip :數據點的提示框
3.1 enabled :鼠標通過時是否可動態呈現 true,false
3.2 formatter :格式化提示框的內容樣式
4 plotOptions :畫各類圖表的數據點的設置
4.1 Area 類
4.1.1 lineWidth :線寬度
4.1.2 fillColor : area 的填充顏色組
4.1.3 marker{} :設置動態屬性
4.1.4 shadow :是否陰影 true,false
4.1.5 states :設置狀態
4.2 Line 類
4.2.1 dataLabels :數據顯示類
4.2.1.1 enabled :是否直接顯示點的數據 true,false
5 series
5.1 name :該條曲線名稱
5.2 data[] :該條曲線的數據項
5.3 addPoint([x,y],redraw,cover) :添加描點, redraw 是否重畫, cover 是否左移
5.4 setData: function(data, redraw) :從新設置 Data 數組, redraw 是否重畫
5.5 remove: function(redraw) :刪除曲線
5.6 redraw: function() :重畫曲線
5.7 marker
5.7.1 enabled :是否顯示描點