下钻饼图上的图例重叠

// 示例代码：使用D3.js调整图例布局
const legend = d3.select("#legend")
    .selectAll("g")
    .data(data)
    .enter().append("g")
    .attr("transform", (d, i) => `translate(0, ${i * 20})`);

// 示例代码：使用Chart.js实现交互式图例
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'pie',
    data: {
        labels: labels,
        datasets: [{
            data: data,
            backgroundColor: colors
        }]
    },
    options: {
        legend: {
            display: true,
            position: 'right',
            onClick: (event, legendItem) => {
                // 处理点击事件，展开/收起图例项
            }
        }
    }
});

// 示例代码：使用Highcharts合并图例项
Highcharts.chart('container', {
    series: [{
        type: 'pie',
        data: [
            { name: 'Category A', y: 10 },
            { name: 'Category B', y: 20 },
            // 更多数据...
        ],
        showInLegend: true,
        legendIndex: 0
    }],
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle'
    }
});