Install victory-pie
npm install victory-pie --save
src/index.js
1 2 3 4 5 6 7 8 9 | //src/index.jsimport React from 'react';import ReactDOM from 'react-dom';import App from './App';ReactDOM.render( <App />, document.getElementById('root')) |
1 2 3 4 5 6 7 8 9 10 11 12 | //public/index.html<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>ReactJS </title> </head> <body> <div id="root"></div></body></html> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | //src/App.jsimport React from "react";import { VictoryPie } from "victory-pie";const myData = [ { x: "PHP", y: 900 }, { x: "Python", y: 400 }, { x: "Javascript", y: 300 },];const App = () => { return ( <div style={{ height: 620 }}> <VictoryPie data={myData} colorScale={["blue", "yellow", "red"]} radius={100} /> </div> );};export default App; |
