进度echarts 柱状配置项内容和展示

      option = {
    dataZoom: {
        type: 'inside',
        zoomLock: true,
        maxSpan: 50,
        orient: 'vertical'
    },
    xAxis: {
        show: false
    },
    yAxis: [
        {
            // name: '箱号',
            // nameGap: 0,
            // nameTextStyle: {
            //     color: '#d8d8d8',
            //     fontSize: 14,
            //     fontWeight: 600
            // },
            inverse: true,
            data: ['1231', '1232', '1233', '1234', '1235', '1236', '1237','1231', '1232', '1233', '1234', '1235', '1236', '1237'],
            show: true,
            axisLine: {
                show: false,
            },
            axisTick: {
                show: false,
            },
            splitLine: {
                show: false,
            },
            axisLabel: {
                fontSize: 14,
                margin: 20
            }
        },
        {
            data: ['67%', '67%', '67%', '67%', '67%', '67%', '67%','67%', '67%', '67%', '67%', '67%', '67%', '67%'],
            axisLine: {
                show: false,
            },
            axisTick: {
                show: false,
            },
            splitLine: {
                show: false,
            },
        },
    ],
    series: [
        {
            name: '剩余件数',
            type: 'bar',
            barGap: '-100%',
            barMaxWidth: 40,
            barMinWidth: 20,
            itemStyle: {
                normal: {
                    color: '#EAECF0',
                    borderRadius: [0, 200, 200, 0],
                    barBorderRadius: [0, 200, 200, 0]
                },
            },
            label: {
                normal: {
                    show: true,
                    position: 'insideRight',
                    fontSize: 14,
                    color: '#333',
                    formatter: params => params.value ? `${params.value}件` : ''
                },
            },
            data: [191, 180, 179, 184, 191, 194, 201,191, 180, 179, 184, 191, 194, 201],
        },
        {
            name: '已操作件数',
            type: 'bar',
            barMaxWidth: 40,
            barMinWidth: 20,
            itemStyle: {
                normal: {
                    color: '#E69837',
                    borderRadius: [0, 200, 200, 0],
                    barBorderRadius: [0, 200, 200, 0]
                },
            },
            label: {
                normal: {
                    show: true,
                    position: 'insideRight',
                    color: '#333',
                    fontSize: 14,
                    formatter: params => params.value ? `${params.value}件` : ''
                },
            },
            data: [96, 91, 99, 95, 98, 94, 97,96, 91, 99, 95, 98, 94, 97],
        },
    ],
};