Funnel

父组件

• <FunnelChart />

子组件

• <LabelList />
• <Cell />

Properties

• data Array

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

格式：

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

• dataKey String | Number | Function

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

• nameKey String

"name" 属性对应的 key 。

默认值：'name'

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

对应的图例 icon 的类型。

默认值：'line'

• activeShape Object | ReactElement | Function

默认值：true

• trapezoids Array

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

格式：

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

• isAnimationActive Boolean

当值为 false，不开启动画。

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

• animationBegin Number

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

默认值：0

• animationDuration Number

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

默认值：1500

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

动画缓动函数的类型。

默认值：'ease'

• id String optional

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

• onAnimationStart Function optional

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

• onAnimationEnd Function optional

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

• onClick Function optional

曲线 click 事件的回调函数。

示例：

• A BarChart with customized click event handler

• onMouseDown Function optional

曲线 mousedown 事件的回调函数。

• onMouseUp Function optional

曲线 mouseup 事件的回调函数。

• onMouseMove Function optional

曲线 mousemove 事件的回调函数。

• onMouseOver Function optional

曲线 mouseover 事件的回调函数。

• onMouseOut Function optional

曲线 mouseout 事件的回调函数。

• onMouseEnter Function optional

曲线 moustenter 事件的回调函数。

• onMouseLeave Function optional

曲线 mouseleave 事件的回调函数。