<Recharts />

Funnel

Properties

• dataArray

  输入数据，现在支持的类型是对象数组。

  格式：

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

• dataKeyString | Number | Function

  每个区域图对应一个唯一的 key，需要在 FunnelChart 中保证唯一。

• nameKeyString

  "name" 属性对应的 key 。

  默认值：'name'

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

  对应的图例 icon 的类型。

  默认值：'line'

• activeShapeObject | ReactElement | Function | booleanoptional

  如果形状通过工具提示处于活动状态，或设置了活动索引道具，则将渲染自定义形状。

• shapeObject | ReactElement | Function | booleanoptional

  要渲染的自定义形状。

• trapezoidsArray

  梯形的坐标点。当使用 FunnelChart 作为父组件的时候，不需要自己计算，父组件会计算好。

  格式：

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

• isAnimationActiveBoolean

  当值为 false，不开启动画。

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

• animationBeginNumber

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

  默认值：0

• animationDurationNumber

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

  默认值：1500

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

  动画缓动函数的类型。

  默认值：'ease'

• idStringoptional

  唯一的id，会用于生成内部的clip path id 等，建议使用SSR的时候设置这个属性。

• onAnimationStartFunctionoptional

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

• onAnimationEndFunctionoptional

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

• onClickFunctionoptional

  曲线 click 事件的回调函数。

  示例：

  • A BarChart with customized click event handler

• onMouseDownFunctionoptional

  曲线 mousedown 事件的回调函数。

• onMouseUpFunctionoptional

  曲线 mouseup 事件的回调函数。

• onMouseMoveFunctionoptional

  曲线 mousemove 事件的回调函数。

• onMouseOverFunctionoptional

  曲线 mouseover 事件的回调函数。

• onMouseOutFunctionoptional

  曲线 mouseout 事件的回调函数。

• onMouseEnterFunctionoptional

  曲线 mouseenter 事件的回调函数。

• onMouseLeaveFunctionoptional

  曲线 mouseleave 事件的回调函数。