Funnel

父组件

子组件

Properties

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

格式:

  1. [{ name: 'a', value: 12 }]
  2. [{ name: 'a', value: [5, 12] }]
  • dataKey String | Number | Function

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

"name" 属性对应的 key 。

默认值:'name'

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

对应的图例 icon 的类型。

默认值:'line'

默认值:true

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

格式:

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

当值为 false,不开启动画。

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

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

默认值:0

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

默认值:1500

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

动画缓动函数的类型。

默认值:'ease'

  • id String optional

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

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

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

曲线 click 事件的回调函数。

示例:

曲线 mousedown 事件的回调函数。

曲线 mouseup 事件的回调函数。

曲线 mousemove 事件的回调函数。

曲线 mouseover 事件的回调函数。

曲线 mouseout 事件的回调函数。

曲线 moustenter 事件的回调函数。

曲线 mouseleave 事件的回调函数。