产生原因:图表加载早于父盒子,没有获取到预期父盒子的宽高。
参考https://blog.csdn.net/qq_42318977/article/details/121353979
解决方法:echarts-for-react提供了onChartReady参数,在该函数中利用setTimeout进行resize。
部分代码:
onChartReadyCallback = (chart) => {
chart.resize()
setTimeout(() => {
chart.resize()
}, 300)
}
<ReactEcharts
option={option}
onChartReady={this.onChartReadyCallback}
/>
参考地址:https://github.com/hustcc/echarts-for-react/issues/180