echarts饼图legend和data重叠

当echarts饼图的legend和data重叠时，可以通过以下两种方式解决：

1. 调整legend的位置和样式

可以使用echarts的legend组件的位置和样式选项来解决重叠问题。比如可以将legend的位置调整到饼图的下方或者右侧，也可以调整legend的字体大小和间距等。

option = {
    ...
    legend: {
        type: 'scroll',
        orient: 'horizontal',
        bottom: 0,
        data: ['legend1', 'legend2', 'legend3']
    },
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: '55%',
            center: ['50%', '60%'],
            data: [
                {value: 335, name: 'legend1'},
                {value: 310, name: 'legend2'},
                {value: 234, name: 'legend3'}
            ]
        }
    ]
}

在上面的例子中，我们调整了legend的位置到饼图的下方，并使用了type为scroll的滚动条样式。如果需要调整字体大小和间距，可以使用legend的textStyle、itemGap、itemWidth等属性。

2. 调整饼图的半径和位置

如果legend的位置和样式已经调整到最优，但仍然出现重叠问题，可以尝试调整饼图的半径和位置。比如可以将饼图的半径减小一些，或者将饼图的位置下移一些。

option = {
    ...
    series: [
        {
            name: '访问来源',
            type: 'pie',
            radius: ['40%', '60%'],
            center: ['50%', '70%'],
            data: [
                {value: 335, name: 'legend1'},
                {value: 310, name: 'legend2'},
                {value: 234, name: 'legend3'}
            ]
        }
    ]
}

在上面的例子中，我们将饼图的半径调整为40%到60%，并将饼图的位置下移了10%。需要注意的是，饼图的半径和位置的调整需要根据实际情况进行调整，以避免数据不清晰或者视觉效果不好。