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 vote264 views1 answer
Import tippy react
Javascript React
15 votes271 views1 answer
React forwardref
Javascript React
-1 vote265 views1 answer
React time picker
Javascript React
6 votes268 views2 answers
Export 'useHistory' (imported as 'useHistory') was not found in 'react-router-dom'
Javascript React
0 vote254 views1 answer
Reactjs join two array
Javascript React
21 votes255 views6 answers
React native vector icon
Javascript React
0 vote257 views1 answer
UseFetch custom hook for React
Javascript React
1 vote267 views1 answer
Add value to state array react native dispatch
Javascript React
30 votes252 views5 answers
Use effect react
Javascript React
0 vote286 views1 answer
React inject component into another component
Javascript React