Echarts - 纵向柱状图样式修改

app.title = '世界人口总量 - 条形图';

option = {
    title: {
        text: '世界人口总量',
        subtext: '数据来自网络'
    },
    visualMap: {
        orient: 'horizontal',
        left: 'center',
        min: 10,
        max: 100,
        show:false,
        dimension: 0,
        inRange: {
            color: ['#b9e1e6', '#2a676f']
        }
    },
    xAxis: {
        // show:false,
        type: 'value',
        axisLabel:{
            // formatter:'{value}%'
            formatter:''
        },
        axisLine:{
            show:true
        },
        splitLine:{
            show:false
        },
        axisTick:{
            show:false
        },
        boundaryGap: [0, 0.01],
    },
    yAxis: {
        type: 'category',
         data: ['30%', '40%', '50%', '60%', '70%', '80%'],
        splitLine: {
            show: true,
            lineStyle: {
                type: 'dashed'
            }
        },
    },
    series: [
        {
            name: '2012年',
            type: 'bar',
            barGap:'100%',
            // itemStyle:{
            //     normal:{
            //         label:{
            //             show:true,
            //             position:'left',
            //             formatter:function(params) {
            //                 return params.data+"%";
                            
            //             }
            //         }
            //     }
            // },
            barCategoryGap:'0%',
            data: [30, 40, 50, 60, 70, 80]
        }
    ]
};