<Recharts />

RadialBar

Properties

• cxNumber@deprecated

  The x-coordinate of center.

  DEFAULT: 0

• cyNumber@deprecated

  The y-coordinate of center.

  DEFAULT: 0

• startAngleNumber@deprecated

  The start angle of all the bars.

  DEFAULT: 180

• endAngleNumber@deprecated

  The end angle of all the bars.

  DEFAULT: 0

• maxAngleNumber@deprecated

  The angle of the value which has the max absolute value, which should be a positive number and less than Math.abs(endAngle - startAngle).

  DEFAULT: 135

• minAngleNumber

  The minimum angle of each bar.

  DEFAULT: 0

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

  The type of icon in legend. If set to 'none', no legend item will be rendered.

  DEFAULT: 'rect'

• labelBoolean | Object | ReactElement | Function

  If false set, labels will not be drawn. If true set, labels will be drawn which have the props calculated internally. If object set, labels will be drawn which have the props merged by the internal calculated props and the option. If ReactElement set, the option can be the custom label element. If set a function, the function will be called to render customized label.

  DEFAULT: false

• backgroundBoolean | Object | ReactElement | Function

  If false set, background of bars will not be drawn. If true set, background of bars will be drawn which have the props calculated internally. If object set, background of bars will be drawn which have the props merged by the internal calculated props and the option. If ReactElement set, the option can be the custom background element. If set a function, the function will be called to render customized background.

  DEFAULT: false

• dataArray

  The source data which each element is an object.

• isAnimationActiveBoolean

  If set false, animation of radial bars will be disabled.

  DEFAULT: true in CSR, and false in SSR

• animationBeginNumber

  Specifies when the animation should begin, the unit of this option is ms.

  DEFAULT: 0

• animationDurationNumber

  Specifies the duration of animation, the unit of this option is ms.

  DEFAULT: 1500

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

  The type of easing function.

  DEFAULT: 'ease'

• onAnimationStartFunctionoptional

  The customized event handler of animation start

• onAnimationEndFunctionoptional

  The customized event handler of animation end

• onClickFunctionoptional

  The customized event handler of click on the sectors in this group

• onMouseDownFunctionoptional

  The customized event handler of mousedown on the sectors in this group

• onMouseUpFunctionoptional

  The customized event handler of mouseup on the sectors in this group

• onMouseMoveFunctionoptional

  The customized event handler of mousemove on the sectors in this group

• onMouseOverFunctionoptional

  The customized event handler of mouseover on the sectors in this group

• onMouseOutFunctionoptional

  The customized event handler of mouseout on the sectors in this group

• onMouseEnterFunctionoptional

  The customized event handler of mouseenter on the sectors in this group

• onMouseLeaveFunctionoptional

  The customized event handler of mouseleave on the sectors in this group