如何使用 nivo rocks 为 reactjs 添加文本以使饼图居中？

Question

我在添加文本以使饼图居中时遇到问题，我正在为我的 React 项目使用 novio.rocks。谢谢 演示 https://nivo.rocks/pie

Answer 1

您可以在图表顶部添加一个额外的 div，使用 flexbox 将其内容居中，我已经在 codesandbox 上创建了这种方法的示例 => https://codesandbox.io/s/w27xwy0xlk 不要忘记添加 pointer-events: none 以保持图表的交互性。