react使用bizcharts实现图表自适应问题

Posted 2022-06-12 aimmz

bizcharts 图表只提供自适应父容器宽度的功能，不能自适应高度。

forceFit

类型：Boolean

描述：图表的宽度自适应开关，默认为 false，设置为 true 时表示自动取 dom（实例容器）的宽度。

api文档中forceFit可以实现宽度的自适应，但是这次项目中，forceFit为true时，自适应宽度失效；

我的解决方案是

componentDidMount() 
  // 手动触发resize方法
  const envn = new Event(‘resize‘);
  window.dispatchEvent(envn);