ECharts的markline自定义端点样式

2018-09-12  本文已影响0人  追风的云月

在ECharts中设置markline标线,当标线type为average,max,或者min时,ECharts给出的默认样式为一条Y轴开始指向另一端的单向箭头线

image.png

代码如下:

markLine: {
    data: [{
        type: 'average'
    }]
}

有时候项目对于标线样式会有定制化需求,定制标线两端的图标形状。可以通过symbol属性来设置,比如我项目中需要左侧出现箭头,右侧没有图形样式。


image.png

代码如下:

markLine: {
    data: [{
        type: 'average'
    }],
    symbol: ['arrow', 'none']
}
上一篇 下一篇

猜你喜欢

热点阅读