echarts图表markLine的用法与设置多条不同颜色markLine

Posted 墨子鱼

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了echarts图表markLine的用法与设置多条不同颜色markLine相关的知识,希望对你有一定的参考价值。

一、在series下,新增markLine:
markLine: {

symbol: \'none\',
label:{
    // position:[10, 10],
    color:\'#FF1D00\',
    fontSize:12,
    formatter:"危险(40dB)"
},
lineStyle:{
    type:\'solid\',
    color: \'#FF1D00\',
    width: 1
},
data: [
    {xAxis: \'40\', name:\'危险(40dB)\'},
]

},

二、多条不同颜色markLine
markLine: {

symbol: \'none\',
label:{
    color:\'#FF1D00\',
    fontSize:12,
    formatter:"危险(40dB)"
},
lineStyle:{
    type:\'solid\',
    color: \'#FF1D00\',
    width: 1
},
data: [
{yAxis: \'40\',lineStyle: {color: \'#FF1D00\'},label: {color: \'#FF1D00\',formatter:\'危险(40dB)\',fontSize:10}},
{yAxis: \'25\',lineStyle: {color: \'#FF7804\'},label: {color: \'#FF7804\',formatter:\'异常(25dB)\',fontSize:10}}]

},

以上是关于echarts图表markLine的用法与设置多条不同颜色markLine的主要内容,如果未能解决你的问题,请参考以下文章

echarts markline的数字如何去掉

echarts中markLine的隐藏

Echarts自定义图表显隐开关

echarts图表——折线图&饼图

echarts 的标线markline可以画曲线吗

echarts进阶配置