data-visualization-2-graphql

data-visualization-2-graphql.js

import React, { useState, useEffect } from "react";
import axios from "axios";
import { draw } from "./chart";
const App = () => {
  const [rainfalls, setRainfalls] = useState(null);
  useEffect(() => {
    async function get() {
      const {
        data: {
          data: { station }
        }
      } = await axios.request({
        method: "POST",
        url: "http://localhost:4000",
        data: {
          query: `
          query{
            station(id: "466900") {
              id
              rainfalls {
                date
                value
              }
            }
          }`
        }
      });
      const { rainfalls } = station;
      setRainfalls(rainfalls);
      draw({ rainfalls });
    }
    if (!rainfalls) get();
  });
  return <div className="chart" />;
};
export default App;