ResponsiveContainer
ResponsiveContainer 是一个容器型的组件,用来处理图表的宽高需要适配父节点宽高的问题。建议宽度、高度至少有一个属性是百分比,否则可以直接指定图表的宽度、高度。
子组件
ResponsiveContainer provides context for these components:
Properties
aspect Numberoptional
宽高比。如果指定了这个值,我们会根据 heihgt = width / aspect 来计算高度。
widthPercentage | Number
指定容器的宽度为一个数值,或者父节点宽度的百分比值。
默认值:
"100%"heightPercentage | Number
指定容器的高度为一个数值,或者父节点高度的百分比值。
默认值:
"100%"minWidthNumberoptional
指定容器的最小宽度。
默认值:
0minHeightNumberoptional
指定容器的最小高度。
debounceNumber
如果该值是一个正数,我们会用 debounce 函数来处理 resize 事件,避免 resize 事件频繁触发的问题。
默认值:
0onResizeFunctionoptional
如果指定,则提供一个回调,提供更新的图表宽度和高度值。