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

      option = {
    backgroundColor:'#000',
            color: ['#fff'],
            tooltip: {
                trigger: 'axis',
                axisPointer: {
                    type: 'shadow'
                },
                formatter: function (objs, index) {
                    let obj = objs[0];
                    return `${obj.name}<br/>${obj.marker}${obj.seriesName} : ${obj.value}%`;
                },
            },
            grid: {
                top: '3%',
                left: '3%',
                right: '4%',
                bottom: '3%',
                containLabel: true,

            },
            xAxis: {
                type: 'value',
                boundaryGap: [0, 0.01],
                data: [0, 20, 40, 60, 80, 100],
                interval: 20,
                min: 0,
                max: 100,
                splitLine: {
                    show:false
                },
                axisLine: {
                    show: true,
                    lineStyle: {
                        color: '#fff',

                    }
                },
                axisTick: {
                    show: false,
                }
            },
            yAxis: {
                type: 'category',
                boundaryGap: true,
                splitArea: {
                    areaStyle: {
                        opacity: 0
                    }
                },
                axisLine: {
                    lineStyle: {
                        color: '#fff',

                    }
                },
                data: [
                    '人均建设用地',
                    '人均非建设用地',
                    '人均公共用地',
                    '人均公共设施用地',
                    '人均绿地广场用地',
                    ' 人均商服用地',
                ],
                axisTick: {
                 show:false
                }
            },
            series: [
                {
                    name: 'Scoring Attributes',
                    barMaxWidth: 20,
                    type: 'bar',
                    label: {
                        normal: {
                            textStyle: {
        						color: '#fff'
        					},
                            show: true,
                            position: 'right',
                            formatter: "{c}"
                        }
                    },
                     itemStyle: {
                        normal: {
                            color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{
                                offset: 0,
                                color: '#01FEEF'
                            }, {
                                offset: 1,
                                color: '#00B7FF'
                            }])
                        },
                    },
                    data: [20,30,50,78,50,30]
                },

            ]
        };