reactjschartsnivo-slider

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. Thanks Demo https://nivo.rocks/pie

Solution

  • You can add an extra div on top of the chart, centering its content using flexbox, I've created an example of this approach on codesandbox => https://codesandbox.io/s/w27xwy0xlk Don't forget to add pointer-events: none to preserve the chart's interactivity.