Highcharts和Hinghstock圖表構造參數經常使用屬性

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 :是否顯示描點

相關文章
相關標籤/搜索