1npm install --save react-apexcharts apexcharts

1
2import React, { Component } from "react";
3import Chart from "react-apexcharts";
4
5class App extends Component {
6  constructor(props) {
7    super(props);
8
9    this.state = {
10      options: {
11        chart: {
12          id: "basic-bar"
13        },
14        xaxis: {
15          categories: [1991, 1992, 1993, 1994, 1995, 1996, 1997, 1998]
16        }
17      },
18      series: [
19        {
20          name: "series-1",
21          data: [30, 40, 45, 50, 49, 60, 70, 91]
22        }
23      ]
24    };
25  }
26
27  render() {
28    return (
29      <div className="app">
30        <div className="row">
31          <div className="mixed-chart">
32            <Chart
33              options={this.state.options}
34              series={this.state.series}
35              type="bar"
36              width="500"
37            />
38          </div>
39        </div>
40      </div>
41    );
42  }
43}
44
45export default App;
46
47