如何让echarts饼图的引导线和标签不挡住下方的图例

要让 ECharts 饼图的引导线和标签不挡住下方的图例，可以通过调整引导线的位置和设置标签的遮罩来实现。

1. 调整引导线位置：
可以使用 `labelLine` 的 `length` 属性来设置引导线的长度，将其缩短，使其不会过长挡住图例。例如：

series: [
  {
    type: 'pie',
    data: [...],
    labelLine: {
      length: 10, // 引导线长度
    },
    ...
  }
]

2. 设置标签的遮罩：
可以使用 `label` 的 `rich` 属性来设置标签的样式，包括遮罩。通过设置遮罩的高度或宽度，将标签内容限制在一定范围内，避免挡住图例。例如：

series: [
  {
    type: 'pie',
    data: [...],
    label: {
      formatter: '{a|{b}:}\n{hr|}\n{c} {per|{d}%}',
      rich: {
        hr: {
          borderColor: '#aaa',
          width: '100%', // 遮罩宽度
          borderWidth: 0.5,
          height: 0, // 遮罩高度
        },
        ...
      },
    },
    ...
  }
]

通过调整引导线长度和设置标签遮罩，可以使饼图的引导线和标签不挡住下方的图例。根据实际情况，可以根据需要调整引导线长度和遮罩的宽度或高度。