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 vote165 views2 answers
Can we use .env in react native?
Javascript React
0 vote179 views1 answer
React chart chart title
Javascript React
0 vote199 views1 answer
Comming soon page in react
Javascript React
1 vote185 views1 answer
On_raw_reaction_add example
Javascript React
0 vote188 views1 answer
Add two export in same page react
Javascript React
68 votes205 views4 answers
Inline styling react
Javascript React
11 votes187 views2 answers
React must be in scope when using jsx
Javascript React
1 vote190 views2 answers
Send an email react native
Javascript React
3 votes193 views2 answers
Discord.js react to message
Javascript React
6 votes183 views2 answers
TextInput disable react native
Javascript React