Ant Design Charts legend点击事件

Ant Design Charts 支持通过 `onLegendItemClick` 属性监听图例点击事件。当图例被点击时，会触发该函数并传入参数 `ev`。

例如，以下代码展示了如何在图例被点击时，打印出图例名称：

import React from 'react';
import { Line } from '@ant-design/charts';

const data = [
  { year: '1991', value: 3 },
  { year: '1992', value: 4 },
  { year: '1993', value: 3.5 },
  { year: '1994', value: 5 },
  { year: '1995', value: 4.9 },
  { year: '1996', value: 6 },
  { year: '1997', value: 7 },
  { year: '1998', value: 9 },
  { year: '1999', value: 13 },
];

const Demo = () => {
  const handleLegendItemClick = (ev) => {
    console.log(ev.dataValue);
  };

  return (
    <Line
      data={data}
      xField="year"
      yField="value"
      seriesField="type"
      onLegendItemClick={handleLegendItemClick}
    />
  );
};

export default Demo;

上述代码中，我们定义了 `handleLegendItemClick` 函数，在该函数中通过 `ev.dataValue` 获取到了被点击的图例名称，并将其打印出来。注意，在这里 `type` 属性并没有在数据中定义，因此图例会显示为默认值 `series 1`。如果需要自定义图例名称，需要在数据中定义 `type` 属性。