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 vote431 views1 answer
Sort by string react
Javascript React
0 vote421 views1 answer
Olx clone react
Javascript React
-1 vote401 views2 answers
React native Platform
Javascript React
8 votes378 views1 answer
React-fragment
Javascript React
0 vote348 views1 answer
Import button react-bootstrap
Javascript React
64 votes425 views7 answers
React router
Javascript React
0 vote382 views1 answer
Valueof in react native
Javascript React
1 vote386 views2 answers
How to not use relative imports in react js
Javascript React
1 vote371 views1 answer
React-native init AwesomeProject change port
Javascript React
14 votes355 views5 answers
React conditional class
Javascript React