当饼图label.alignTo == edge且在formatter中使用了rich时,labelLine与label间有空隙echarts 饼配置项内容和展示

由左右两图对比可知,labelLine与label之间的空隙是因为误将rich的key长度加入计算所致。

配置项如下
      var data = [{
    name: 'Apple Numbers',
    value: 70
}, {
    name: 'Strawberry Numbers',
    value: 68
}, {
    name: 'Banana Numbers',
    value: 48
}, {
    name: 'Orange Numbers',
    value: 40
}, {
    name: 'Pear Numbers',
    value: 32
}, {
    name: 'Pineapple Numbers',
    value: 27
}, {
    name: 'Grape Numbers',
    value: 18
}];

option = {
    title: [{
        text: '左图:错误示例;右图:原因对比'
    }],
    series: [{
        type: 'pie',
        radius: '25%',
        center: ['50%', '50%'],
        data: data,
        animation: false,
        label: {
            alignTo: 'edge',
            margin: '5%',
            formatter: '{abcdefgh|{b}}',
            rich: {
                abcdefgh: {}
            }
        },
        left: 0,
        right: '50%',
        top: 0,
        bottom: 0,
    }, {
        type: 'pie',
        radius: '25%',
        center: ['50%', '50%'],
        data: data,
        animation: false,
        label: {
            alignTo: 'edge',
            margin: '5%',
            formatter: '{abcdefgh|{b}}',
        },
        left: '50%',
        right: 0,
        top: 0,
        bottom: 0
    }]
};

    
截图如下