FunnelChart

显示数据格式

<FunnelChart width={730} height={250}>
  <Tooltip />
  <Funnel
    dataKey="value"
    data={data}
    isAnimationActive
  >
    <LabelList position="right" fill="#000" stroke="none" dataKey="name" />
  </Funnel>
</FunnelChart>

父组件

• <ResponsiveContainer />

子组件

• <Funnel />
• <Legend />
• <Tooltip />
• <Customized />
• validate svg elements…

Properties

• layout "centric"

布局类型，是横向的还是纵向的。

默认值："centric"

• width Number

图表的宽度。

• height Number

图表的高度。

• margin Object

图表四周的留白大小，支持传入部分值（如： { top: 5 }）

默认值：{ top: 5, right: 5, bottom: 5, left: 5 }

格式：

{ top: 5, right: 5, bottom: 5, left: 5 }

• onClick Function optional

鼠标在图表图形区域 click 事件的回调函数。

• onMouseEnter Function optional

鼠标在图表图形区域 mouseenter 事件的回调函数。

• onMouseMove Function optional

鼠标在图表图形区域 mousemove 事件的回调函数。

• onMouseLeave Function optional

鼠标在图表图形区域 mouseleave 事件的回调函数。