react-google-charts/sandboxes/area-chart/index.js at master · wmwart/react-google-charts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
import React from "react";
import ReactDOM from "react-dom";
import Chart from "react-google-charts";

const columns = [
  {
    type: "number",
    label: "year"
  },
  {
    label: "AttentionSpan",
    type: "number"
  }
];
const rows = [[2015, 5], [2016, 3], [2018, 1]];

class App extends React.Component {
  render() {
    return (
      <div className="App">
        <Chart
          chartType="AreaChart"
          width="100%"
          height="400px"
          legendToggle
          rows={rows}
          columns={columns}
        />
      </div>
    );
  }
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);