<Recharts />

ResponsiveContainer

ResponsiveContainer 是一个容器型的组件，用来处理图表的宽高需要适配父节点宽高的问题。建议宽度、高度至少有一个属性是百分比，否则可以直接指定图表的宽度、高度。

Properties

• aspect Numberoptional

  宽高比。如果指定了这个值，我们会根据 heihgt = width / aspect 来计算高度。

• widthPercentage | Number

  指定容器的宽度为一个数值，或者父节点宽度的百分比值。

  默认值：'100%'

• heightPercentage | Number

  指定容器的高度为一个数值，或者父节点高度的百分比值。

  默认值：'100%'

• minWidthNumberoptional

  指定容器的最小宽度。

• minHeightNumberoptional

  指定容器的最小高度。

• debounceNumber

  如果该值是一个正数，我们会用 debounce 函数来处理 resize 事件，避免 resize 事件频繁触发的问题。

  默认值：0

• onResizeFunctionoptional

  如果指定，则提供一个回调，提供更新的图表宽度和高度值。