bizcharts图表封装之基础饼图

一、基础饼图“分类”及不同分类后的封装

1.1分类

       基础饼图表现形式一样，但是按照使用上的不同，基础饼图封装分为两类：组件（前端）计算所占百分比和接口（后端计算百分比）。区别如下：

    组件计算百分比（百分比饼图）：①、需要前端手动处理接口数据；②、需要处理保留到小数点后x位；③、各个item所占比例和最大限度接近100%；

   接口返回百分比：①、直接使用接口数据（后端处理数据以及小数点问题）；②、一般情况下，后端返回的百分比不带“%”,前端需要手动增加；③、各item所占比例和不一定接近100%（取决于后端数据）

  开发中使用：

          开发中，建议使用第一种，即百分比饼图

1.2百分比饼图封装

import React from "react";
import {Axis, Chart, Geom, Legend, Tooltip,Coord} from "bizcharts";
// @ts-ignore
import DataSet from '@antv/data-set';

interface IBasicPieProps {
  data: any[]; // 数据源
  xAxis: string; // x轴坐标
  yAxis: string; // y轴坐标
  color?: string[];
  height?: number;
}

/**
 * 基础饼图
 *    接口返回对