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

13 votes304 views1 answer
Reactjs useState() hook
Javascript React
0 vote330 views1 answer
Take site to top after clicking in react
Javascript React
6 votes288 views4 answers
Add items to a react array in hooks
Javascript React
0 vote399 views1 answer
Make a button who disable scrolling down the page react
Javascript React
8 votes314 views4 answers
Get current url react router
Javascript React
22 votes283 views4 answers
Shadow elevation react native
Javascript React
0 vote290 views1 answer
How can we update time in react js
Javascript React
30 votes286 views5 answers
Use effect react
Javascript React
0 vote341 views1 answer
React chunk file too large
Javascript React
0 vote305 views1 answer
HandleClickoutside custom hook react
Javascript React