qq_42318977的博客

https://www.runoob.com/react/react-rendering-elements.html1.将元素渲染到DOM中首先我们在一个 HTML 页面中添加一个 id=“example” 的 :<div id="example"></div>要将React元素渲染到根DOM节点中，我们通过把它们都传递给 ReactDOM.render() 的方法来将其渲染到页面上：<div id="example"></div><s.

转载自：https://blog.csdn.net/feinifi/article/details/103405208如题所示，当我们在react中使用echarts图表时，偶尔会出现超出父级容器的情况，一般超出父级容器，不是因为图表绘制的方法调用问题，而是时机出现了问题，我们知道，react中页面渲染需要时间，通常render方法调用之后页面才会渲染出来，我们才能在页面调用echarts.init(ele)，并且给图表设置配置项chart.setOption(option)。而我们调用echart.

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