如何使用 nivo rocks 为 reactjs 添加文本以使饼图居中?
How to add text to center the pie chart with nivo rocks for reactjs?
我在添加文本以使饼图居中时遇到问题,我正在为我的 React 项目使用 novio.rocks。谢谢
演示 https://nivo.rocks/pie
您可以在图表顶部添加一个额外的 div,使用 flexbox 将其内容居中,我已经在 codesandbox 上创建了这种方法的示例 => https://codesandbox.io/s/w27xwy0xlk
不要忘记添加 pointer-events: none
以保持图表的交互性。
我在添加文本以使饼图居中时遇到问题,我正在为我的 React 项目使用 novio.rocks。谢谢 演示 https://nivo.rocks/pie
您可以在图表顶部添加一个额外的 div,使用 flexbox 将其内容居中,我已经在 codesandbox 上创建了这种方法的示例 => https://codesandbox.io/s/w27xwy0xlk
不要忘记添加 pointer-events: none
以保持图表的交互性。