Ad
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
Ad
Answer
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.
Ad
source: stackoverflow.com
Related Questions
- → Import statement and Babel
- → should I choose reactjs+f7 or f7+vue.js?
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → .tsx webpack compile fails: Unexpected token <
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → React Native with visual studio 2015 IDE
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
- → How do I determine if a new ReactJS session and/or Browser session has started?
- → Alt @decorators in React-Native
- → How to dynamically add class to parent div of focused input field?
Ad