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

      var nameList = ['开始','进度1','进度2','进度3','进度4','进度5','进度6',]
var len = nameList.length;
option = {
    backgroundColor: '#fff',
    yAxis: {
        type: 'category',
        axisLine: {
            show: false //坐标线
        },
        axisTick: {
            
            show: false //小横线
        },
        axisLabel: {
            show: false,
            color: '#999' //坐标轴字颜色
        },
        data: ['进度']
    },
    xAxis: {
        show: true,
        axisLine: {
            show: false //坐标线
        },
        axisTick: {
            
            show: false //小横线
        },
        splitLine:{
            show:false
        },
        axisLabel:{
            formatter: function (value, index) {
                var texts = '';
                nameList.forEach((item,index2,array)=>{
                    if(index ===index2){
                        texts = item
                    }
                })
                return texts;
            }
        }
    },
    grid: {
        top: '40',
        right: '50',
        left: '80',
        bottom: '40' //图表尺寸大小
    },
    // animationDuration: 9000,
    series: [{
        zlevel: 1,
        type: 'bar',
        barWidth: '10px',
        barGap:'-100%',
       
        label: {
            show: false,
            position: 'right' //每一条的数据位置

        },
        itemStyle: {
            normal: {
                color: '#2d82ff', //每个数据的颜色
                barBorderRadius: [30, 30, 30, 30], //圆角大小
            },
        },
        data: [{
                value: 10
            },
            
        ]
    },{
        type: 'bar',
        barWidth: '10px',
        showBackground: true,
       
        label: {
            show: false,
            position: 'right' //每一条的数据位置

        },
        itemStyle: {
            normal: {
                color:'#30E4FF', //每个数据的颜色
                barBorderRadius: [30, 30, 30, 30], //圆角大小
            },

        },
        data: [{
                value: 6
            },
            
        ]
    }]
};