近七日能耗情况echarts 柱状配置项内容和展示

      option = {
    title: {
        text: "近七日能耗情况",
        color: "#A5B0B2FF",
        textStyle: {
            fontSize: '32'
        },
        left: '5%',
    },
    legend: {
        top: 0,
        bottom: 0,
        right: '4%',
        data: ['耗电', '耗水'],
        padding: [5, 10],
        icon: 'none',
        selectedMode: 'single',
        selected: {
            '耗电': true,
            '耗水': false
        },
        textStyle: {
            color: 'rgba(0,220,255,1)',
            borderWidth: '1px',
            borderColor: 'rgba(0,220,255,1)',
            borderRadius: '2',
            padding: [3, 3, 3, 3]
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: {
        type: 'category',
        data: ['8.17', '8.18', '8.19', '8.20', '8.22', '8.23', '8.26'],
        axisTick: {
            show: false,
        },
        axisLine: {
            lineStyle: {
                color: 'rgba(0,83,120,0.5)',
            }
        },
        
        axisLabel: {
            show: true,
            color: "#A5B0B2"

        },
    },
    yAxis: {
        type: 'value',
        axisTick: {
            show: false,
        },
        axisLine: {
            lineStyle: {
                width: '0'
            }
        },
        axisLabel: {
            show: true,
            color: "#A5B0B2"

        },
        splitLine: {
            show:true,
            lineStyle: {
                color:"rgba(0,83,120,0.5)",
            }
        },

    },
    series: [{
            name: '耗电',
            data: [1200, 2000, 1500, 800, 700, 1100, 1300],
            itemStyle: {
                normal: {
                    color: 'rgba(0,220,255,1)',
                }
            },
            type: 'bar',
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(143,220,255,0.2)'
            },
            barWidth: "60%"
        },
        {
            name: '耗水',
            data: [600, 700, 450, 800, 650, 1000, 900],
            itemStyle: {
                normal: {
                    color: 'rgba(0,220,255,1)',
                }
            },
            type: 'bar',
            showBackground: true,
            backgroundStyle: {
                color: 'rgba(143,220,255,0.2)'
            },
            barWidth: "40%"
        },
    ]
};