echarts-for-react组件图表大于父盒子

杜翰林
2023-12-01

产生原因:图表加载早于父盒子,没有获取到预期父盒子的宽高。

参考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

 类似资料: