Awesome Chartecharts 柱状配置项内容和展示

配置项如下
      option = {
    title: {
        text: 'two bar'
    },
   tooltip : {
                trigger: 'axis',
                axisPointer : {            // 坐标轴指示器,坐标轴触发有效
                    type : 'shadow'        // 默认为直线,可选为:'line' | 'shadow'
                }
            },
    grid: [{
        left: 70,
        right: 50,
        height: '40%'
    }, {
        left: 70,
        right: 50,
        top: '52%',
        height: '30%'
    }],
    xAxis: [{
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            axisLabel: {
                interval: 0,
                rotate: 0,
            },
            axisTick: {
                show: false
            }
        },
        {
            show: false,
            gridIndex: 1,
            type: 'category',
            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
            position: 'top'
        }
    ],
    yAxis: [{
            type: 'value',
            name: 'name1',
            axisLabel: {
                formatter: '{value} % '
            }
        },
        {
            type: 'value',
            name: 'name2',
            gridIndex: 1,
            inverse: true,

            axisLabel: {
                formatter: '{value} %'
            }
        }
    ],
    series: [{
            name: 'name1',
            type: 'bar',
            data: [120, 200, 150, 80, 70, 110, 130],
        },
        {
            name: 'name2',
            type: 'bar',
            xAxisIndex: 1,
            yAxisIndex: 1,
            data: [120, 200, 150, 80, 70, 110, 130],
        }
    ]
};
    
截图如下