echarts初始化需确保dom就绪,用domcontentloaded或script置于/body前;setoption须传新对象而非修改原option;交互须用mychart.on()或dispatchaction;窗口缩放后须手动调用resize()。

初始化 echarts 实例前必须确保 DOM 已就绪
常见错误是直接在 <script></script> 标签里调用 echarts.init(),但此时 document.getElementById('main') 返回 null,控制台报错 Cannot read property 'getBoundingClientRect' of null。
解决方式不是靠延时或轮询,而是把初始化逻辑放在 DOM 加载完成之后:
- 使用
DOMContentLoaded事件(推荐) - 将
<script></script>放在
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











