javascript-如何添加文本以使用React的Nivo Rock來使餅圖居中？

Question

我在添加文本以使餅圖居中時遇到麻煩，我在反應項目中使用了novio.rocks。 謝謝演示https://nivo.rocks/pie

Answer 1

您可以在圖表頂部添加一個額外的div，使用flexbox將其內容居中放置，我已經在codeandbox => https://codesandbox.io/s/w27xwy0xlk上創建了這種方法的示例。別忘了添加pointer-events: none以保持圖表的交互性。