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 vote349 views2 answers
A function whose declared type is neither 'void' nor 'any' must return a value.
Javascript React
32 votes388 views6 answers
React copy array
Javascript React
0 vote351 views1 answer
Library to add navigation in react native
Javascript React
0 vote332 views1 answer
[Design System React] App element is not defined. Please use Settings.setAppElement(el)
Javascript React
0 vote344 views1 answer
Reactjs join two array
Javascript React
0 vote368 views1 answer
React testing library for hooks
Javascript React
2 votes375 views1 answer
React strict mode
Javascript React
0 vote346 views1 answer
TextField input font color React Material UI
Javascript React
0 vote339 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
0 vote356 views1 answer
Background image in react from variable
Javascript React