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

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/u/1582196/blog/228490