在一些特殊场景,可能会使用到markLine标线,这个标线不同于X轴的分割线。裙:922473947
示例:
上面示例中使用的图形是line,坐标系方式显示data: [[1,2],[3,4]]
官方实例中标线默认赋值是X轴index,例如一下代码
markLine: {
symbol: 'none',
lineStyle: {
type: 'solid',
width: 3
},
label: {
show: false
},
data: [{
name: 'Y1',
yAxis: 5,
itemStyle: {
color: '#000',
},
}, {
name: 'X1',
xAxis: 5,
itemStyle: {
color: 'red'
},
}, ]
},
代码中配置的两个方向是Y轴下标5位置与X轴下标5位置,也就是说会显示在响应的下标位置,在实际应用中你markLine.data应该是遍历得到的数组,当你默认data数组的xAxis是你遍历X轴的每条数据的index,那么就是有多少条X轴类目,就显示多少条标线,但与此文要说的需求并不相同,如上面示例展示实际上是
- 红色与绿色标线都是使用的data[[1,2],[3,4]]作为series的data数据,在markLine中的data遍历series的data绑定的数组,然后取值绑定在markLine中data的每条xAxis的数据是series.data数据的如[0][0]也就是1。如下面代码展示
{ "name": "数据", "tooltip": { "show": false }, "