tp_generation_graph2.js

app.title = '坐标轴刻度与标签对齐';

option = {
    tooltip : {
        trigger: 'axis',
        axisPointer : {            // 坐标轴指示器，坐标轴触发有效
            type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '3%',
        containLabel: true
    },
    xAxis : [
        {
            type : 'value'
        }
    ],
    yAxis : [
        {
            type : 'category',
            data : ['Wind Onshore', 'Hydro Pumped Storage', 'Other renewable', 'Fossil Oil shale', 'Hydro Water Reservoir', 'Biomass', 'Fossil Coal-derived gas', 'Geothermal', 'Waste', 'Nuclear', 'Fossil Hard coal', 'Fossil Oil', 'Other', 'Marine', 'Hydro Run-of-river and poundage', 'Wind Offshore', 'Fossil Brown coal/Lignite', 'Solar', 'Fossil Gas', 'Fossil Peat'],
            axisTick: {
                alignWithLabel: true
            }
        }
    ],
    series : [
        {
            name:'2016',
            type:'bar',
            data:[10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334, 390, 330]
        },
        {
            name:'2017',
            type:'bar',
            data:[390, 330, 10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334, 390, 330, 220, 10, 52, 200, 334]
        }
    ]
};