多系列柱子分别画标记线echarts 柱状配置项内容和展示

      option = {
    legend: {top: 10},
    tooltip: {trigger: 'axis'},
    xAxis: [{
        type: 'category',
        data: ['1', '2', '3', '4', '5', '6', '7'],
    },{
        //为了同系统的柱子叠一起 多加一个x轴
        type: 'category',
        data: ['1', '2', '3', '4', '5', '6', '7'],
        show: false 
    }],
    yAxis: [{}],
    series: [{
        name: '2020',
        type: 'bar',
        data: [80, 80, 97, 53, 95, 86, 52],
        barWidth: 20,
        
    },{
        name: '2021',
        type: 'bar',
        data: [80, 80, 97, 53, 95, 26, 52],
        barWidth: 20
    },
    {//目标值
        name: '2020',
        type: 'bar',
        data: [60, 50, 40, '', '', 60, ''],//放数据的时候判断一下  对应月份没有超标的时候放个空值
        barWidth: 20,
        xAxisIndex: 1, //指定新增的x轴
        tooltip: { 
            show: false
        },
        itemStyle: {//柱子透明
            color: 'rgba(0,0,0, 0)'
        },
        label: {//用label画一个线
            show: true,
            position: 'top',
            width: 30,
            height: 0,
            borderColor: '#f00',
            borderWidth: 1,
            borderType: [2, 5],
            offset: [0, 5],
            formatter: ''
        }
    },{//目标值
        name: '2021',
        type: 'bar',
        data: [70, 70, 70, '', 70, '',''],
        barWidth: 20,
        xAxisIndex: 1,
        tooltip: {
            show: false
        },
        itemStyle: {
            color: 'rgba(0,0,0, 0)'
        },
        label: {
            show: true,
            position: 'top',
            width: 30,
            height: 0,
            borderColor: '#f00',
            borderType: [2, 5],
            borderWidth: 1,
            offset: [0, 5],
            formatter: ''
        }
    }]
};