父组件

    子组件

    Properties

    • cx Percentage | Number

    默认值:'50%'

    • Percentage | Number

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

    默认值:'50%'

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

    默认值:0

    • Percentage | Number

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

    默认值:'80%'

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

    默认值:0

    • Number

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

    默认值:360

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

    默认值:0

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

    默认值:0

    示例:

    默认值:'name'

    • String

    "value" 属性对应的 key。

    "value" 属性对应的 key。

    默认值:'value'

    • '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

    示例:

    • labelLine Boolean | Object | ReactElement | Function

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

    默认值:false

    示例:

    源数据,对象数组。

    • Array

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

    示例:

    • Object | ReactElement | Function

    激活楔子的形状。

    当值为 false,不开启动画。

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

    • Number

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

    默认值:400

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

    默认值:1500

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

    动画缓动函数的类型。

    默认值:'ease'

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

    • Function optional

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

    楔子 click 事件的回调函数。

    • Function optional

    楔子 mousedown 事件的回调函数。

    楔子 mouseup 事件的回调函数。

    • Function optional

    楔子 mousemove 事件的回调函数。

    楔子 mouseover 事件的回调函数。

    • Function optional

    楔子 mouseout 事件的回调函数。

    楔子 mouseleave 事件的回调函数。