Pie

父组件

• <PieChart />

子组件

• <Cell />
• <LabelList />

Properties

• cx Percentage | Number

圆心的x坐标，如果值为百分比，会根据图表的宽度来计算最后的值。

默认值：'50%'

• cy Percentage | Number

圆心的y坐标，如果值为百分比，会根据图表的高度来计算最后的值。

默认值：'50%'

• innerRadius Percentage | Number

饼图的内径。如果值为百分比，我们首先会根据圆心的坐标、图表的宽度、图表的高度计算一个最大半径，然后根据这个最大半径来计算真实的半径。

默认值：0

• outerRadius Percentage | Number

饼图的外径。如果值为百分比，我们首先会根据圆心的坐标、图表的宽度、图表的高度计算一个最大半径，然后根据这个最大半径来计算真实的半径。

默认值：'80%'

• startAngle Number

楔子的起始角度，默认为 0 度，0 度为圆心的正右方。

默认值：0

• endAngle Number

楔子的结束角度，默认为 360 度，360 度为圆心的正右方。结束角度必须和起始角度不同，当结束角度大于起始角度，楔子按照逆时针排列。当结束角度小于起始角度，楔子按照顺时针排列。

默认值：360

• minAngle Number

非零数值对应楔子的最小角度。

默认值：0

• paddingAngle Number

两个楔子之前的预留的夹角。

默认值：0

示例：

• Pie with nozero padding angle

• nameKey String

"name" 属性对应的 key 。

默认值：'name'

• dataKey String

"value" 属性对应的 key。

• valueKey String@deprecated

"value" 属性对应的 key。

默认值：'value'

• legendType 'line' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'

对应的图例 icon 的类型。

默认值：'rect'

• label Boolean | Object | ReactElement | Function optional

图形上的文本标签。当值为 false ，不展示文本标签。当值为 true，会根据 Bar 的属性配置来展示文本标签。当值为一个对象的时候，会把这个对象解析为 文本标签 的属性，来覆盖默认属性。当值是一个 React Element ，会克隆这个 React Element 来渲染“文本标签”。当值是一个 函数 时，会调用这个函数去渲染自定义的“文本标签”。

默认值：false

示例：

• A pie chart with customized label

• labelLine Boolean | Object | ReactElement | Function

文本标签与楔子的连线。当值为 false ，不展示连线。当值为 true，会根据 Bar 的属性配置来展示连线。当值为一个对象的时候，会把这个对象解析为 连线 的属性，来覆盖默认属性。当值是一个 React Element ，会克隆这个 React Element 来渲染“连线”。当值是一个 函数 时，会调用这个函数去渲染自定义的“连线”。

默认值：false

示例：

• A pie chart with customized label

• data Array

源数据，对象数组。

• activeIndex Array

用来表示激活楔子的序号。可以通过自定义事件来指定这个值。

示例：

• A pie chart with customized active shape

• activeShape Object | ReactElement | Function

激活楔子的形状。

示例：

• A pie chart with customized active shape

• isAnimationActive Boolean

当值为 false，不开启动画。

默认值：true in CSR, and false in SSR

• animationBegin Number

声明组件挂载或更新后，开始运行动画的间隔时长，单位为毫秒。

默认值：400

• animationDuration Number

声明动画的运行时长，单位为毫秒。

默认值：1500

• animationEasing 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | Function

动画缓动函数的类型。

默认值：'ease'

• onAnimationStart Function optional

区域图动画 start 事件的回调函数。

• onAnimationEnd Function optional

区域图动画 end 事件的回调函数。

• onClick Function optional

楔子 click 事件的回调函数。

• onMouseDown Function optional

楔子 mousedown 事件的回调函数。

• onMouseUp Function optional

楔子 mouseup 事件的回调函数。

• onMouseMove Function optional

楔子 mousemove 事件的回调函数。

• onMouseOver Function optional

楔子 mouseover 事件的回调函数。

• onMouseOut Function optional

楔子 mouseout 事件的回调函数。

• onMouseEnter Function optional

楔子 mouseenter 事件的回调函数。

• onMouseLeave Function optional

楔子 mouseleave 事件的回调函数。