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

Question

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

Answer 1

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