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

3 votes338 views3 answers
Adding donet chart text center in react
Javascript React
0 vote356 views2 answers
Why navlink in react router always active
Javascript React
6 votes300 views1 answer
React dictionary key value avec 2 variable
Javascript React
0 vote330 views1 answer
Header logo react native doesn't show
Javascript React
18 votes332 views4 answers
React for loop in render
Javascript React
0 vote339 views1 answer
How to add abutton component to drawer in react native
Javascript React
1 vote329 views1 answer
Fontawsome icon size react element
Javascript React
0 vote314 views1 answer
How to implement certain actions after setstate in react hooks
Javascript React
7 votes324 views2 answers
React router 6 redirect
Javascript React
0 vote289 views1 answer
Create react portal
Javascript React