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 vote127 views1 answer
React s.a.createElement("div",{className:"d-none d-lg-flex flex-content"},s.a.createElement(u.a.Body,{noScroll:!0}
Javascript React
2 votes142 views3 answers
New line in react js
Javascript React
160 votes308 views6 answers
React install
Javascript React
0 vote141 views1 answer
React native datepicker disable future dates
Javascript React
0 vote124 views1 answer
React native andri]oid ReferenceError: Can't find variable: Intl
Javascript React
0 vote131 views1 answer
Export variables react
Javascript React
5 votes128 views1 answer
React-select
Javascript React
0 vote126 views1 answer
React-native-apple-authentication
Javascript React
0 vote125 views1 answer
React image onerror
Javascript React
0 vote120 views1 answer
Shallow render in react
Javascript React