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

      
option = {
    color:['#5b9bd5','#ed7d31'],
    backgroundColor: '#FFF',
    grid:{
        
        top:20,
        bottom:80,
        left:'10%',
        right:20
    },
    legend: {
        bottom:'10',
        itemWidth:10,
        itemHeight:10,
        data:['2018年','2017年']
    },
    xAxis: [
        {
            name:'月份',
            nameLocation:'center',
            nameGap: 30,
            axisLine:{
                show:false
            },
            axisTick:{
                show:false
            },
            splitLine: {
                show:true,
                lineStyle:{
                    color:'#CCC'
                }
            },
            data: ['1','2','3','4','5','6','7','8','9','10','11','12'],
        }
    ],
    yAxis: [
        {
            
            name: 'AQI',
            nameLocation:'center',
            nameGap: 40,
            nameTextStyle:{
                color:'#000'
            },
            axisLine:{
                lineStyle:{
                    color:'#CCC'
                },
            },
            axisTick:{
                show:false
            },
            splitLine: {
                show:true,
                lineStyle:{
                    color:'#CCC'
                }
            },
            axisLabel:{
                color:'#000'
            }
        }
    ],
    series: [
        {
            name:'2018年',
            type:'bar',
            data:[2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3]
        },
        {
            name:'2017年',
            type:'bar',
            data:[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3]
        }
    ]
};