Treemap

显示数据格式

<Treemap
  width={730}
  height={250}
  data={data}
  dataKey="size"
  ratio={4 / 3}
  stroke="#fff"
  fill="#8884d8"
/>

父组件

• <ResponsiveContainer />

Properties

• width Number

图表的宽度。

• height Number

图表的高度。

• dataKey String

指定 Treemap 展示的数值所对应的 key。

默认值：'value'

• aspectRatio Number

宽高比。在生成 Treemap 的过程中，每个矩形都会尽量按照这个宽高比来生成。

• isAnimationActive Boolean

当值为 false，不开启动画。

默认值：true

• animationBegin Number

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

默认值：0

• animationDuration Number

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

默认值：1500

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

动画缓动函数的类型。

默认值：'ease'

• onAnimationStart Function optional

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

• onAnimationEnd Function optional

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