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

              const value = [50, 60, 70, 80, 90]
        const max = [100, 100, 100, 100, 100]
        option = {
            backgroundColor:"#07061c",
            tooltip: {
                show: false
            },
            grid: {
                top: 0,
                left: '45%',
                right: '4%',
                bottom: 0,
                // borderColor: '#000',
                // borderWidth: 1,
            },
            xAxis: {
                type: 'value',
                axisLabel: {
                    show: false,
                },
                splitLine: {
                    show: false
                },
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                },
                splitArea: {
                    show: false
                }
            },
            yAxis: {
                type: 'category',
                offset: '100',
                axisLabel: {
                    textStyle: {
                        color: '#b7c1d7',
                        fontSize: '14',
                    }
                },
                data: ['共享交换ESB 节点1', '共享交换ESB 节点2', '住保局', '文旅广电局前置机', '工作流引擎'],
                axisLine: {
                    show: false
                },
                axisTick: {
                    show: false
                }
            },
            series: [{
                    //For shadow, 解决最大值接近整数时label被截断的问题
                    type: 'pictorialBar',
                    symbol: 'roundRect',
                    symbolRepeat: 'fixed',
                    // symbolClip: true,
                    symbolSize: [6, 12],
                    symbolMargin: 3,
                    symbolBoundingData: max,
                    barWidth: '50%',
                    itemStyle: {
                        normal: {
                            color: '#262642'
                        }
                    },
                    label: {
                        show: false,
                    },
                    data: max,
                    animation: false,
                    z: 1
                },
                {
                    name: "lalal",
                    type: 'pictorialBar',
                    symbol: 'roundRect',
                    symbolRepeat: true,
                    symbolSize: [6, 12],
                    symbolMargin: 3,
                    symbolBoundingData: max,
                    barWidth: '50%',
                    label: {
                        show: false,
                    },
                    data: value,
                    "itemStyle": {

                        color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                offset: 0,
                                color: '#D9B9BC'
                            },
                            {
                                offset: 1,
                                color: '#EB3B48'
                            }
                        ])

                    },
                    z: 2
                }
            ]
        }