Canvas js in react

class App extends Component {	
  render() {
    const options = {
      title: {
        text: "Basic Column Chart in React"
      },
      data: [{				
                type: "column",
                dataPoints: [
                    { label: "Apple",  y: 10  },
                    { label: "Orange", y: 15  },
                    { label: "Banana", y: 25  },
                    { label: "Mango",  y: 30  },
                    { label: "Grape",  y: 28  }
                ]
       }]
   }
		
   return (
      <div>
        <CanvasJSChart options = {options}
            /* onRef = {ref => this.chart = ref} */
        />
      </div>
    );
  }
}

Source: canvasjs.com

Similar codes

0 vote310 views2 answers
React particles react
Javascript React
0 vote398 views1 answer
React generate ethereum address
Javascript React
26 votes381 views5 answers
React image
Javascript React
1 vote391 views2 answers
Sha-1 certificate fingerprint react native
Javascript React
1 vote383 views1 answer
Unexpected token react native stack navigation
Javascript React
0 vote506 views1 answer
Handling props in functional components reactjs ijnterview questions
Javascript React
0 vote388 views1 answer
React router route not found redirect
Javascript React
10 votes381 views3 answers
Jquery react npm
Javascript React
1 vote384 views1 answer
Firebase app named default already exists react native
Javascript React
18 votes384 views6 answers
Uselocation react
Javascript React