是否可以在反应框架中悬停时添加 d3.js 饼图的工具提示

时间:2021-04-17 16:40:39

标签: javascript reactjs d3.js charts

我正在学习并在 React 中尝试了一些 d3 饼图示例,我发现了两个示例,其中一个是 https://codesandbox.io/s/react-d3-pie-chart-with-tooltip-forked-tovm3?file=/src/PieHooks.js 这个 在上面的示例中,我尝试在我的 React 应用程序中实现我可以渲染饼图,但工具提示不起作用,因为 pieHooks.js 文件中的这些行引发了这些错误 错误

attempted import error: 'event' is not exported from 'd3' (imported as 'd3')

setCordsX(d3.event.pageX);
setCordsY(d3.event.pageY);

上述错误是由于 d3 版本问题而出现的,如果我将版本降级到 5,工具提示仍然不起作用如何实现版本 6 中的工具提示?

另一个例子是如何向这个饼图添加工具提示https://codesandbox.io/s/react-d3-pie-chart-3q56e?file=/src/PieSVG.js

0 个答案:

没有答案