复杂柱状图echarts 柱状配置项内容和展示

      // 指定图表的配置项和数据
var option = {
    legend: {},
    tooltip: {},
    dataset: {
        // 提供一份数据。
        source: [
            ['product', '2015', '2016', '2017'],
            ['Matcha Latte', 43.3, 85.8, 93.7],
            ['Milk Tea', 83.1, 73.4, 55.1],
            ['Cheese Cocoa', 86.4, 65.2, 82.5],
            ['Walnut Brownie', 72.4, 53.9, 39.1]
        ]
    },
    // 声明一个 X 轴，类目轴（category）。默认情况下，类目轴对应到 dataset 第一列。
    xAxis: {type: 'category'},
    // 声明一个 Y 轴，数值轴。
    yAxis:  [
        {
            yAxisIndex:0,
            gridIndex:0,
            type: 'value',
            axisLine: {
                symbol: ['none', 'arrow'], //两端都显示箭头
                symbolOffset: [0, 10], //箭头距离两端的距离,可为负数
            },
        },
        {
            yAxisIndex:1,
            gridIndex:0,
            type: 'value',
            axisLine: {
                symbol: ['none', 'arrow'], //两端都显示箭头
                symbolOffset: [0, 10], //箭头距离两端的距离,可为负数
            },
        },
    ],
    // 声明多个 bar 系列，默认情况下，每个系列会自动对应到 dataset 的每一列。
    series: [
        {type: 'bar', xAxisIndex:0, xAxisIndex:0},
        {type: 'bar'},
        {type: 'bar'}
    ]
};