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 vote210 views1 answer
React bootstrap button
Javascript React
16 votes191 views1 answer
Deploy react app netlify
Javascript React
0 vote181 views2 answers
How to render a component multiple times in react
Javascript React
0 vote186 views2 answers
Which one is better arrow functions or using bind in react?
Javascript React
2 votes185 views2 answers
Unable to resolve module react-navigation
Javascript React
0 vote162 views1 answer
How to empty input field in react
Javascript React
0 vote221 views2 answers
Sending props via navigate() of react router v6
Javascript React
0 vote223 views1 answer
Clear input field react-hook-form
Javascript React
0 vote200 views1 answer
React native override style
Javascript React
8 votes217 views2 answers
React native rotate image
Javascript React