Ant Design Charts 饼图 label 鼠标悬停的时候显示

Ant Design Charts 饼图（Pie Chart）默认情况下不会在 label 上显示鼠标悬停信息，但可以通过配置来实现。具体步骤如下：

1. 在配置项中添加 tooltip 属性，如下所示：

<Chart
  height={300}
  autoFit
  data={data}
  scale={scale}
  >
  <Coordinate type="theta" radius={0.75} />
  <Tooltip showTitle={false} />
  <Axis visible={false} />
  <Legend visible={false} />
  <Geom
    type="interval"
    position="percent"
    color="item"
    tooltip={[
      "item*percent",
      (item, percent) => {
        percent = (percent * 100).toFixed(2) + "%";
        return {
          name: item,
          value: percent,
        };
      },
    ]}
    style={{
      lineWidth: 1,
      stroke: "#fff",
    }}
  >
    <Label
      content="percent"
      formatter={(val, item) => {
        return item.point.item + ": " + val;
      }}
    />
  </Geom>
</Chart>

2. 在 tooltip 属性中设置内容，可以使用数组的方式来设置多个字段，也可以使用函数来自定义 tooltip 内容。上述代码中使用了函数方式，返回一个对象，其中 name 表示 label 中的文本信息，value 表示 label 中的数值信息。

3. 在 label 的 formatter 属性中添加自定义内容，这里将 item 和 percent 组合成一个字符串返回，用于在鼠标悬停时显示。

通过上述配置，就可以在 Ant Design Charts 的饼图中显示 label 的鼠标悬停信息了。