本地项目内预览在火狐图表位置偏移echarts 饼配置项内容和展示

本地项目内配置好图表后在火狐浏览器预览发现图表位置偏移 请教各位兄弟姐妹

配置项如下
      option = {
    legend: {
        orient: 'vertical',
        x: 'left',
        top: 20,
        itemGap: 15,
        textStyle: {
            fontSize: 12
        },
        data: [{
            name: '昨天 ',
            icon: 'circle'
        }, {
            name: '两日 ',
            icon: 'circle'
        }, {
            name: '三日 ',
            icon: 'circle'
        }, {
            name: '4-5天 ',
            icon: 'circle'
        }, {
            name: '6-10天 ',
            icon: 'circle'
        }, {
            name: '11-15天 ',
            icon: 'circle'
        }, {
            name: '15天以上 ',
            icon: 'circle'
        }]
    },
    color: ['#009bf2', '#07cd7d', '#91dd10', '#ffe504', '#ff7d00', '#ef0e0e', '#b00462'],
    series: [{
        type: 'pie',
        name: '含代收未签收天数票数占比',
        avoidLabelOverlap: false,
        radius: ['40%', '76%'],
        label: {
            normal: {
                show: false,
                position: 'center'
            },
            emphasis: {
                show: true
            }
        },
        labelLine: {
            normal: {
                show: true
            }
        },
        center: ['58%', '50%'],
        data: [{
            value: 34,
            name: '昨天 '
        }, {
            value: 36,
            name: '两日 '
        }, {
            value: 8,
            name: '三日 '
        }, {
            value: 65,
            name: '4-5天 '
        }, {
            value: 34,
            name: '6-10天 '
        }, {
            value: 10,
            name: '11-15天 '
        }, {
            value: 1,
            name: '15天以上 '
        }]
    }]
}
    
截图如下