Funnel

Parent Components

Child Components

Properties

  • dataArray

    The source data, in which each element is an object.

    FORMAT: 

    [{ name: 'a', value: 12 }]
[{ name: 'a', value: [5, 12] }]

  • dataKeyString | Number | Function

    The key or getter of a group of data which should be unique in a LineChart.

  • nameKeyString

    The key of each sector's name.

    DEFAULT: 'name'

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

  • activeShapeObject | ReactElement | Function | booleanoptional

    The customized shape to be rendered if shape is active via Tooltip, or active index prop is set.

  • shapeObject | ReactElement | Function | booleanoptional

    The customized shape to be rendered.

  • trapezoidsArray

    The coordinates of all the trapezoids in the funnel, usually calculated internally.

    FORMAT: 

    [{x: 12, y: 12, upperWidth: 240, lowerWidth: 22, height: 80,}]

  • isAnimationActiveBoolean

    If set false, animation of line 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'

  • idStringoptional

    The unique id of this component, which will be used to generate unique clip path id internally. This props is suggested to be set in SSR.

  • 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 area in this group

    Examples:

  • onMouseDownFunctionoptional

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

  • onMouseUpFunctionoptional

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

  • onMouseMoveFunctionoptional

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

  • onMouseOverFunctionoptional

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

  • onMouseOutFunctionoptional

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

  • onMouseEnterFunctionoptional

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

  • onMouseLeaveFunctionoptional

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