跳到主要内容

PieChart

基本使用

展示 Label

控制大小

自定义 nameKey 和 dataKey

两个饼图

PieChart 支持多个饼图的,不过 label 只可以设置最外层,其他的设置的话,会存在重叠。

API

PieChart 属性

大部分属性都和 recharts 的组件保持一致,需要看 recharts PieChartPie 的 API。

参数类型默认值
data?PieChartData[] | OverwritePieChartDataItem | OverwritePieChartDataItem[]-

数据源

useResponsiveContainer?booleantrue

是否使用响应式,开启的话浏览器窗口大小改变会响应式适应

showLabel?booleantrue

是否展示饼图标签

formatter?Function-

value 格式化函数,目前的应用场景来看比较少用到。

width?number-

宽度

height?number300

高度

valuePrecision?number2

图表数据精度度,即保留的小数点数

percentPrecision?number2

图表百分比的,精确度

outerRadius?number-

外直径

innerRadius?number-

内直径