Funnel
父组件
子组件
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 事件的回调函数。
示例:
- 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 事件的回调函数。