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

Posted 2023-05-07

【中文标题】reactjs - 如何使用nivo Rocks为reactjs添加文本以使饼图居中？

【英文标题】：How to add text to center the pie chart with nivo rocks for reactjs?

【发布时间】：2019-06-21 05:08:38

【问题描述】：

我无法将文本添加到饼图的中心，我在我的 react 项目中使用 novio.rocks。谢谢 演示https://nivo.rocks/pie

【参考方案1】：

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

【讨论】：

谢谢，顺便说一句如何改变倾斜radialLabels，我希望radialLabels在饼图中倾斜45度而不是90度？