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

5 votes161 views3 answers
Linear gradient react js
Javascript React
2 votes148 views2 answers
Create react app not creating template
Javascript React
-2 votes145 views1 answer
React native generate signed apk getting older version
Javascript React
0 vote151 views1 answer
React native shadow maker
Javascript React
29 votes154 views2 answers
React or vue
Javascript React
4 votes188 views1 answer
Full width of image and maintain aspect ratio react native
Javascript React
0 vote192 views1 answer
Create react expo
Javascript React
16 votes163 views1 answer
DangerouslySetInnerHTML did not match error in React
Javascript React
0 vote164 views1 answer
React native get route name
Javascript React
0 vote156 views1 answer
Prevent double tap in react native
Javascript React