BigScreen/src/components/PumpStation/PineKindChart.js

// 当年防汛统计
import React, { PureComponent } from "react";
import Chart from "../../utils/chart";

class PineKindChart extends PureComponent {
  constructor(props) {
    super(props);
  }
  getOptions() {
    return {
      color: ["#5470c6", "#91cc75", "#fac858", "#ee6666"],
      toolbox: {},
      series: [
        {
          name: "Nightingale Chart",
          type: "pie",
          radius: [16, 80],
          center: ["50%", "50%"],
          roseType: "area",
          itemStyle: {
            borderRadius: 8,
          },
          data: [
            { value: 40, name: "rose 1" },
            { value: 38, name: "rose 2" },
            { value: 32, name: "rose 3" },
          ],
        },
      ],
    };
  }
  render() {
    return (
      <div
        style={{
          width: "100%",
          height: "100%",
        }}
      >
        <Chart option={this.getOptions()} />
      </div>
    );
  } //endrender
}

export default PineKindChart;