在ECharts中设置markline标线,当标线type为average,max,min时(平均,最大,最小),ECharts给出的默认样式为一条Y轴开始指向另一端的单向箭头线
具体可参考ECharts文档配置项markline
效果如下:
代码如下:
//完整版代码
option = {
xAxis: {
type: 'category',
data: ['1', '2', '3']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 220, 80],
type: 'bar',
markLine: {
data: [{
type: 'average'
}]
}
}]
};
//主要部分代码:
markLine: {
data: [{
type: 'average'
}]
}
有时候项目对于标线样式会有定制化需求,定制标线两端的图标形状。可以通过symbol属性来设置,比如我项目中需要左侧出现箭头,右侧没有图形样式。
效果如下:
代码如下:
//完整版代码
option = {
xAxis: {
type: 'category',
data: ['1', '2', '3']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 220, 80],
type: 'bar',
markLine: {
data: [{
type: 'average'
}],
symbol: ['arrow', 'none']
}
}]
};
//主要部分代码:
markLine: {
data: [{
type: 'average'
}],
symbol: ['arrow', 'none']
}
具体可参考ECharts文档配置项symbol