0.0.13 • Published 1 year ago

@czty/lchartpiec v0.0.13

Weekly downloads
-
License
-
Repository
-
Last release
1 year ago

一:说明: 基础饼图组件

二:使用: 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选项

0.0.13

1 year ago

0.0.12

1 year ago

0.0.11

2 years ago

0.0.10

2 years ago

0.0.9

2 years ago