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 vote227 views1 answer
React native storage
Javascript React
3 votes190 views2 answers
React native image fit container
Javascript React
0 vote202 views1 answer
Reset navigation to specific tab react-navigation
Javascript React
0 vote242 views1 answer
Icon with label in react native
Javascript React
17 votes201 views3 answers
Reducer react
Javascript React
-1 vote205 views1 answer
Animation react native npm
Javascript React
-1 vote191 views1 answer
Use inline and other styles react native
Javascript React
0 vote192 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote197 views1 answer
Reactjs events list
Javascript React
0 vote213 views1 answer
How to show content-type:image/jpg in react
Javascript React