RadialBar

Parent Components

RadialBar consumes context provided by these components:

Child Components

RadialBar provides context for these components:

Properties

  • cxNumber@deprecated

    The x-coordinate of center.

    DEFAULT: 0

  • cyNumber@deprecated

    The y-coordinate of center.

    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.

    DEFAULT: []

  • isAnimationActiveBoolean | "auto"

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

    DEFAULT: "auto"

  • 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