<Recharts />

Funnel

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:

  • A BarChart with customized click event handler

• 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