@czty/lchartpiec
v0.0.13
Published
一:说明: 基础饼图组件
Downloads
1
Readme
一:说明: 基础饼图组件
二:使用: npm i @czty/lchartpiec
import React from 'react'; import Lchartpiec from '@czty/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选项