SOURCE

window.onload = () => {
    
    var myChart = echarts.init(document.getElementById('main'));
    var option = {
        legend: {},
        tooltip: {},
        dataset: {
            source: [
                ['product', '2012', '2013', '2014', '2015'],
                ['Matcha Latte', 41.1, 30.4, 65.1, 53.3],
                ['Milk Tea', 86.5, 92.1, 85.7, 83.1],
                ['Cheese Cocoa', 24.1, 67.2, 79.5, 86.4]
            ]
        },
        xAxis: [
            {type: 'category' , gridIndex: 0},
            {type: 'category' , gridIndex: 1},
        ],
        yAxis: [
            {gridIndex: 0},
            {gridIndex: 1},
        ],
        grid: [
            {bottom: '55%'},
            {top: '55%'},
        ],
        series: [
            // 这几个系列会在第一个直角坐标系中，每个系列对应到 dataset 的每一行
            {type: 'bar' , seriesLayoutBy: 'row'},
            {type: 'bar' , seriesLayoutBy: 'row'},
            {type: 'bar' , seriesLayoutBy: 'row'},
            // 这几个系列会在第二个直角坐标系中，每个系列对应到 dataset 的每一列
            {type: 'bar' , xAxisIndex: 1 , yAxisIndex: 1},
            {type: 'bar' , xAxisIndex: 1 , yAxisIndex: 1},
            {type: 'bar' , xAxisIndex: 1 , yAxisIndex: 1},
            {type: 'bar' , xAxisIndex: 1 , yAxisIndex: 1},
        ]
    };
    myChart.setOption(option);

    var myChart2 = echarts.init(document.getElementById('main2'));
    var option2 = {
        legend: {},
        tooltip: {},
        dataset: {
            source: [
                ['score', 'amount', 'product'],
                [89.3, 58212, 'Matcha Latte'],
                [57.1, 78254, 'Milk Tea'],
                [74.4, 41032, 'Cheese Cocoa'],
                [50.1, 12755, 'Cheese Brownie'],
                [89.7, 20145, 'Matcha Cocoa'],
                [68.1, 79146, 'Tea'],
                [19.6, 91852, 'Orange Juice'],
                [10.6, 101852, 'Lemon Juice'],
                [32.7, 20112, 'Walnut Brownie']
            ]
        },
        xAxis: {},
        yAxis: {type: 'category'},
        series: [
            {
                type: 'bar',
                encode: {
                    x: 'amount',
                    y: 'product',
                    tooltip:[1,2]
                },
            },
        ]
    };
    myChart2.setOption(option2);
}

<div id="main" style="width: 600px;height: 400px;"></div>
<div id="main2" style="width: 1200px;height: 400px;"></div>