CODEWITHSUNDEEP
reactjschartsnivo-slider
Eric Nguyen
Eric Nguyen

Reputation: 33

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

Upvotes: 0

Views: 4234

Answers (1)

raphaelb
raphaelb

Reputation: 151

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.

Upvotes: 9

Related Questions