javascript-如何添加文本以使用React的Nivo Rock来使饼图居中？

Question

我在添加文本以使饼图居中时遇到麻烦，我将novio.rocks用于我的react项目。谢谢 演示https://nivo.rocks/pie

Answer 1

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