监控状态echarts 配置项内容和展示

      option = {
    color:["#09d"],
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value',
        axisLabel:{
            color: '#333',
            formatter: (value) => {
                if(value===0){
                    return  `{wjk|未监控}  `
                }
                if(value === 1){
                     return  `{zc|正常}  `
                }
                if(value === 2){
                     return `{wz|未知}  `
                }
                if(value === 3){
                     return `{gz|关注} `
                }
                if(value === 4){
                     return  `{jg|警告}  `
                }
                if(value === 5){
                     return  `{yz|严重} `
                }
            },
            rich: {
                wjk: {
                    backgroundColor: '#fff',
                    color: '#000',
                    borderRadius: 3,
                    padding: [0,2,3,2],
                    lineHeight:30,
                    align: 'center',
                    width: 45,
                    height: 20,
                    textareaBorderColor:"red",
                    borderColor:"#000"
                },
                zc: {
                    backgroundColor: '#0b8',
                    color: '#fff',
                    borderRadius: 3,
                    padding: [0,2,3,2],
                    lineHeight:30,
                    align: 'center',
                    width: 45,
                    height: 20,
                    borderColor:"#000"
                },
                wz: {
                    backgroundColor: '#a4a5a9',
                    color: '#fff',
                    borderRadius: 3,
                    padding: [0,2,3,2],
                    lineHeight:30,
                    align: 'center',
                    width: 45,
                    height: 20,
                    borderColor:"#000"
                },
                gz: {
                    backgroundColor: '#0ce',
                    color: '#fff',
                    borderRadius: 3,
                    padding: [0,2,3,2],
                    lineHeight:30,
                    align: 'center',
                    width: 45,
                    height: 20,
                    borderColor:"#000"
                },
                jg: {
                    backgroundColor: '#f81',
                    color: '#fff',
                    borderRadius: 3,
                    padding: [0,2,3,2],
                    lineHeight:30,
                    align: 'center',
                    width: 45,
                    height: 20,
                    borderColor:"#000"
                },
                yz: {
                    backgroundColor: '#f65',
                    color: '#fff',
                    borderRadius: 3,
                    padding: [0,2,3,2],
                    lineHeight:30,
                    align: 'center',
                    width: 45,
                    height: 20,
                    borderColor:"#000"
                }
            }
        }
    },
    series: [{
        data: [1, 2, 3, 4, 5, 0, 2],
        type: 'line'
    }]
};