设置阈值的折线图echarts 折线配置项内容和展示

      option = {
    backgroundColor: '#0A1651',
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            lineStyle: {
                color: '#57617B'
            }
        }
    },
    legend: {
        icon: 'diamond',
        itemGap: 13,
        data: ['湿度 %'],
        bottom: '3%',
        left: 'center',
        textStyle: {
            fontSize: 12,
            color: '#F1F1F3'
        }
    },
    grid: {
        bottom: '10%'
    },
    xAxis: [{
        type: 'category',
        boundaryGap: false,
        axisLine: {
            lineStyle: {
                color: '#57617B'
            }
        },
        data: ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '13', '14', '15', '16', '17', '18', '19', '20', '21', '22', '23', '24', '25', '26', '27', '28', '29', '30', '31'],
    }],
    yAxis: [{
        type: 'value',
        axisTick: {
            show: false
        },
        axisLine: {
            lineStyle: {
                color: '#57617B'
            }
        },

        axisLabel: {
            margin: 10,
            textStyle: {
                color: "rgba(255,255,255,.6)",
                fontSize: '12',
            }
        },
        splitLine: {
            lineStyle: {
                color: "rgba(255,255,255,0.1)",
            }
        }
    }],
    // visualMap: [
    //   {
    //     show: false,
    //     pieces: [{
    //       gt: 0,
    //       lt: 30,
    //       color: '#FFFF00',
    //     },{
    //       gt:30,
    //       lt: 54,
    //       color: '#00A1EA',
    //     }],
    //     outOfRange: {
    //       color: '#FF5D1D',
    //     },
    //   },
    // ],
    series: [{
        name: '湿度 %',
        type: 'line',
        smooth: true,
        markLine: { //最大值和最小值

            data: [{
                    name: '阈值54',
                    yAxis: 54,
                    label: {
                        show: 'true'
                    },
                    lineStyle: {
                        normal: {
                            width: 2,
                            color: "#FF5D1D",
                        }
                    },
                    label: {
                        show: 'true',
                        position: 'end',
                        formatter: '50增加'
                    },
                },
                {
                    name: '阈值30',
                    yAxis: 30,
                    label: {
                        show: 'true'
                    },
                    lineStyle: {
                        normal: {
                            width: 2,
                            color: "#FF5D1D",
                        }
                    },
                    label: {
                        show: 'true',
                        position: 'end',
                        formatter: '30'
                    },
                }
            ]
        },
        lineStyle: {
            normal: {
                width: 1
            }
        },
        itemStyle: {
            normal: {
                color: '#00A1EA'
            }
        },
        data: [50, 52, 52, 52, 52, 58, 52, 55, 44, 52, 52, 52, 33, 52, 52, 52, 20, 52, 52, 52, 52, 52, 55, 52, 52, 23, 52, 52, 52, 52, 52]
    }, ]

}