{"size": 907, "ext": "js", "max_stars_repo_path": "src/components/charts/GoogleCharts/Pie/Rotate.js", "max_stars_repo_name": "jaamaal95/devscharts", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/charts/GoogleCharts/Pie/Rotate.js", "max_issues_repo_name": "jaamaal95/devscharts", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/charts/GoogleCharts/Pie/Rotate.js", "max_forks_repo_name": "jaamaal95/devscharts", "max_forks_repo_forks_event_min_datetime": "2021-06-23T17:03:32.000Z", "max_forks_repo_forks_event_max_datetime": "2021-06-24T05:07:09.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 2, "avg_line_length": 26.6764705882, "max_line_length": 62, "alphanum_fraction": 0.4873208379}
/* eslint-disable import/no-anonymous-default-export */
import React, { Component } from "react";
import { Chart } from "react-google-charts";
import { Card } from "antd";

export default class extends Component {
  render() {
    return (
      <Card title="Rotating A Pie Chart">
        <Chart
          width={"100%"}
          height={"300px"}
          chartType="PieChart"
          loader={<div>Loading Chart</div>}
          data={[
            ["Language", "Speakers (in millions)"],
            ["German", 5.85],
            ["French", 1.66],
            ["Italian", 0.316],
            ["Romansh", 0.0791],
          ]}
          options={{
            legend: "none",
            pieSliceText: "label",
            title: "Swiss Language Use (100 degree rotation)",
            pieStartAngle: 100,
          }}
          rootProps={{ "data-testid": "4" }}
        />
      </Card>
    );
  }
}
