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

-1 vote389 views1 answer
Command not found:create-react-app
Javascript React
1 vote364 views1 answer
Shopping cart small icon code react-bootstrap 4.6 fa fas
Javascript React
0 vote374 views1 answer
Jsx tag with children react js
Javascript React
2 votes426 views4 answers
Discord js remove reaction from user
Javascript React
4 votes375 views1 answer
React router external link
Javascript React
1 vote389 views1 answer
Dynamic forms in react
Javascript React
18 votes352 views6 answers
Import svg react
Javascript React
3 votes357 views2 answers
Autocomplete react jsx attributes vscode
Javascript React
1 vote326 views1 answer
Class and id in react
Javascript React
0 vote378 views1 answer
Background image not loading from a link react
Javascript React