🐛[BUG] 使用demo中的矩阵树图，添加点击事件，鼠标放在文本上面点击时，事件不能响应

[yyyyffqqqq]

🐛 bug 描述 [详细地描述 bug，让大家都能理解]

📷 复现步骤 [清晰描述复现步骤，让别人也能看到问题]

🏞 期望结果 [描述你原本期望看到的结果]

💻 复现代码 [提供可复现的代码，仓库，或线上示例]

import { Treemap } from "@ant-design/plots";
import React from "react";
import ReactDOM from "react-dom";

const DemoTreemap = () => {
const data = {
name: "root",
children: [
{ name: "分类 1", value: 560 },
{ name: "分类 2", value: 500 },
{ name: "分类 3", value: 150 },
{ name: "分类 4", value: 140 },
{ name: "分类 5", value: 115 },
{ name: "分类 6", value: 95 },
{ name: "分类 7", value: 90 },
{ name: "分类 8", value: 75 },
{ name: "分类 9", value: 98 },
{ name: "分类 10", value: 60 },
{ name: "分类 11", value: 45 },
{ name: "分类 12", value: 40 },
{ name: "分类 13", value: 40 },
{ name: "分类 14", value: 35 },
{ name: "分类 15", value: 40 },
{ name: "分类 16", value: 40 },
{ name: "分类 17", value: 40 },
{ name: "分类 18", value: 30 },
{ name: "分类 19", value: 28 },
{ name: "分类 20", value: 16 },
],
};
const config = {
data,
colorField: "value",
valueField: "value",
scale: {
color: {
range: [
"#4e79a7",
"#f28e2c",
"#e15759",
"#76b7b2",
"#59a14f",
"#edc949",
"#af7aa1",
"#ff9da7",
"#9c755f",
"#bab0ab",
],
},
},
legend: false,
onReady: ({ chart }) => {
chart.on("interval:click", (event) => {
console.log(" interval:click: ", event);
});
chart.on("component:click", (event) => {
console.log(" component:click: ", event);
});
chart.on("element:click", (args) => {
console.log(" element:click: ", args);
});
},
};
return <Treemap {...config} />;
};

ReactDOM.render(, document.getElementById("container"));

© 版本信息

• ant-design-charts 版本: v2.2.1
• 浏览器环境
• 开发环境 [e.g. mac OS]

🚑 其他信息 [如截图等其他信息可以贴在这里]

[CanXinWu]

+1

[SuperBugs]

+1