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