javascript-如何添加文本以使用React的Nivo Rock来使饼图居中？
[英]How to add text to center the pie chart with nivo rocks for reactjs?
问题描述
I'm having trouble adding text to center the pie chart, I'm using novio.rocks for my react project. 
我在添加文本以使饼图居中时遇到麻烦，我在反应项目中使用了novio.rocks。 Thanks Demo https://nivo.rocks/pie 谢谢演示https://nivo.rocks/pie
1 个解决方案
解决方案1
1 已采纳 2019-01-30 04:47:35
您可以在图表顶部添加一个额外的div，使用flexbox将其内容居中放置，我已经在codeandbox => https://codesandbox.io/s/w27xwy0xlk上创建了这种方法的示例。别忘了添加pointer-events: none以保持图表的交互性。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
如何将渐变 css 添加到 Nivo Rocks 折线图区域？ - How to add gradient css to Nivo Rocks Line chart area?
Nivo 饼图未呈现 - Nivo Pie Chart Not Rendering
如何将自定义工具提示添加到 nivo 图表？ - How to add custom tooltip to nivo chart?
在饼图中心添加文本：Highcharts - Adding text to the center of pie chart: Highcharts
无法设置 nivo 饼图配色方案 - Cannot set nivo pie chart color scheme
React JS：Nivo饼图未显示 - React js: Nivo Pie chart not showing up
如何防止 Nivo 刻度轴文本中的文本截断（条形图） - How to prevent text truncation in Nivo ticks' axis text (Bar Chart)
如何在饼图中添加工具提示？ - How to add a tooltip to a pie chart?
nivo.rocks 绘制图表不正确，线条不对应 XY - nivo.rocks painting chart unproperly with line not corresponding to X-Y
如何在 nivo 图表设置中添加自定义颜色主题 - How to add custom color theme in nivo chart settings
相关标签