Highcharts和Hinghstock图表构造参数常用属性

JS图表工具Highcharts和Hinghstock图表构造参数常用属性一览,帮助我们快速理解属性含义。

  • Highcharts插件一览

图表构造参数常用属性

1 chart

1.1 renderTo :图表的页面显示容器的 ID

1.2 defaultSeriesType :图表的显示类型(line,spline, scatter, splinearea bar, pie, area, column 

1.3 margin :上下左右空隙

1.4 events :事件

1.4.1 click:function(e) {}

1.4.2 load:function(e) {}

2 xAxis/yAxis

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 :是否显示描点

你可能感兴趣的:(JavaScript,Highcharts)