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 vote289 views1 answer
Option component in react js errors
Javascript React
-1 vote327 views2 answers
React native Platform
Javascript React
1 vote363 views1 answer
React create list of components
Javascript React
0 vote330 views1 answer
Why is necessary to run react-native run
Javascript React
15 votes300 views5 answers
Usestate react hook
Javascript React
0 vote330 views3 answers
React animation
Javascript React
2 votes321 views1 answer
Vertical align center react native view
Javascript React
64 votes309 views6 answers
Router react
Javascript React
18 votes342 views1 answer
Get specific characters from state variable reactjs
Javascript React
1 vote320 views1 answer
How to connect socket in react js
Javascript React