Each of the echarts broken lines must have an upper limit value, the original value and the upper line value are two curves, how to achieve it?

the data passed in the background is as follows

let myData  = [
    [{
    id:1,
    maxvalue:20,
    value:15,
    name:"1"
      },{
    id:2,
    maxvalue:20,
    value:15,
    name:"1"
      },{
    id:3,
    maxvalue:20,
    value:15,
    name:"1"
}],
    [{
    id:4,
    maxvalue:20,
    value:15,
    name:"2"
      },{
    id:5,
    maxvalue:20,
    value:15,
    name:"2"
      },{
    id:6,
    maxvalue:20,
    value:15,
    name:"2"
}],[{
    id:7,
    maxvalue:20,
    value:15,
    name:"3"
      },{
    id:8,
    maxvalue:20,
    value:15,
    name:"3"
      },{
    id:9,
    maxvalue:20,
    value:15,
    name:"3"
}],
]

I can display the curve normally now, but with the curve of the upper line value, I don"t know how to display it

            let myData = response.data.data;
                        var arrOne_FH = [];
                        var arrOne_FH_val = [];
                        var arrName = [];
                        let Onezhi;
                        for(var i=0;i<myData.length;iPP){
                            let arr=[];
                             for(var j=0;j<myData[i].length;jPP){
//                                arr.push(myData[i][j].value);//arr.push(myData[i][j].value)arr.push(myData[i][j].maxvalue) 36-------()
                                if(i == 0){//
                                    arrOne_FH.push(myData[i][j].record_time.slice(11, 16));//
                                }
                             }
                             arrName.push(myData[i][i].name);
                             optionFH.series[i].data = arr.reverse();//-------()
                             optionFH.series[i].name = myData[i][i].target_name;//8
                        }
                                    var resv = arrOne_FH.reverse();
                                   log(optionFH.series[0].data);
//                                  log(resv);
//                                  arrOne_FH_val.reverse();
                                     
                                     optionFH.legend.data = arrName;   //

                                    optionFH.xAxis.data = resv;
                                      log(optionFH.xAxis.data);
                        
                             myChart.setOption(optionFH,true);
                                      
                                

expected effect

clipboard.png

Jan.14,2022

is your maxvalue the same for every group?
can be marked with echarts markLine

markLine-demo

  Link description  

Menu