echarts 怎么实现这样的折线图

Question

Y轴固定为小雨、中雨、大雨

后端传来的Y轴数据类似[5,6,11,3,8]这样的数组，最大值不确定(目前只有设计稿,不确定具体是怎样的数据，我猜测是这样的:低于5cm为小雨，5cm到10cm之间中雨，大雨10cm是大雨)

Answer 1

如果只是设置y轴，可以设置axisLabel中的formatter

如果是加三条分割线，可以使用markline

series: [{
    name: '分钟降雨量',
    type:'line',
    yAxisIndex:1,
    z:10,
    itemStyle: {normal: {color: 'red'}},
    data:seriesData,
    markLine : {
        symbol:["","arrow"],
        silent:true,//不响应事件                            
        data : [
            {
                name: '大雨',yAxis: '1',itemStyle:{normal:{color:'#EF4B1D'}}, 
                label:{normal:{formatter: function(){return '大雨'}}}
            },
            {
                name: '中雨',yAxis: '0.35',itemStyle:{normal:{color:'#FDA19D'}},
                label:{normal:{formatter: function(){return '中雨'}}}
            },
            {
                name: '小雨',yAxis: '0.15',itemStyle:{normal:{color:'#FDD49D'}},
                label:{normal:{formatter: function(){return '小雨'}}}
            }
        ]
    }
}]