一：说明： 基础饼图组件

二：使用： npm i @zsqcli/lchartpiec

import React from 'react'; import Lchartpiec from '@zsqcli/lchartpiec';

const MyComponent = () => { return ( <Lchartpiec draggable={true} configer={ x: 0, y: 0, clazz : '', params : {}, url: '', // /business/dpProvince/provinceSubDay method: 'get', ydata: [3097, 2011, 900], xdata: ['杭州' , '湖州', '绍兴'], width: '400px', height: '200px',

    color: ['#6236ff', '#b620e1', '#2fc25a', '#f9cc14', '#ef4864', '#3096fa', '#e9693e', '#83a5c5', '#f89393', '#51daca', '#81daca'],
    title: '减分登记项目占比',
    tooltipShow: '是',
    roseType: '是',
    labelColor: ['#6236ff', '#000', '#2fc25a'], // 数据名 数据值 百分比对应字体颜色
    labelSize: [14, 12, 12], // 数据名 数据值 百分比对应字体大小
    labelLineColor: '#000',
    options: {}
  }
/>

) }

三：字段说明 x: y: clazz: 可添加的组件的className params: 请求的传参参数 url: 请求的url地址 method: 请求方式 width: 组件的整体宽度 height: 组件的整体高度 ydata: 数据 xdata: 名称 color：饼图颜色 title：饼图标题 tooltipShow：饼图tooltip是否显示 roseType: 是否是南丁格尔玫瑰图 labelColor：label颜色 labelSize：label字体大小 labelLineColor：label线条颜色 options：饼图option选项