ECharts在弹出层中不显示的根源是DOM未就绪或容器无尺寸，须在layer.open()的success回调中初始化，并确保容器有CSS宽高、绑定resize监听且及时dispose清理实例。
弹出层里 echarts 不显示，基本就是 dom 没就绪或容器没尺寸——echarts.init() 不能乱放，resize 事件不能漏绑，否则图表白配。
必须在 layer.open() 的 success 回调里初始化图表
弹出层是异步插入 DOM 的，layer.open() 执行完不代表内容已挂载。直接在外面调用 echarts.init(document.getElementById('chart')) 很可能拿到 null。
-
success回调的layero参数是 jQuery 包装后的弹层 DOM，用layero.find('#chart-in-layer')[0]比document.getElementById更稳 - 如果 content 是远程 URL（如
content: '/api/chart'），要等加载完成再 init，推荐改用yes回调（内容加载完毕后触发），或干脆写内联 HTML 避免竞态 - 别用
setTimeout硬等，Layui 动画（anim: 2）下success已保证 DOM 就位，延迟纯属多此一举
容器必须有明确宽高，且靠 CSS 设置而非 option
ECharts 初始化时只读取一次容器尺寸，option 里写死 width/height 没用，也不该写。
- 容器元素（如
<div id="chart"></div>）必须带内联或 CSS 样式：style="width:100%; height:400px;" - 百分比宽高只在父容器有尺寸时才生效；Layui 弹层默认内容区高度为
auto，若没设最小高度，height: 100%会塌成 0 - 避免用
display: none初始隐藏容器——ECharts 无法从隐藏元素读取尺寸，要用visibility: hidden或先 show 再 init
必须手动监听 window.resize 并调用 myChart.resize()
弹层支持拖拽缩放（resize: true），但 ECharts 不会自动响应。自适应不是靠“百分比”，而是靠主动 resize。
ECharts Master
下载
ECharts 图表大师。根据用户数据和业务上下文，自动设计并生成专业的 ECharts 可视化图表。使用场景：(1) 用户提供表格/JSON/CSV 数据需要可视化，(2) 用户说"帮我做个图"、"画个图表"，(3) 需要将查询结果可视化展示。
- 在
success里绑定：window.addEventListener('resize', () => myChart.resize()) - 必须在弹层关闭前清理监听器，否则多次打开会堆积——可在
cancel或end回调里调用window.removeEventListener('resize', handler) - 如果弹层含轮播（
layui.carousel）且每页都放图表，切页时别重复echarts.init()，先myChart.dispose()再重建
多图场景下务必调用 myChart.dispose() 清理实例
反复打开弹层却不销毁图表实例，会导致内存泄漏、渲染错位、缩放异常——尤其表格点击行弹图、列统计等动态场景。
- 每次弹出前检查全局变量（如
window.myChart）是否存在，存在就先dispose() - 不要依赖浏览器自动回收：ECharts 实例持有 DOM 引用和事件监听，不 dispose 就不会释放
- dispose 后记得置空变量：
window.myChart = null，避免下次误判
最常被跳过的其实是监听器清理和 dispose 调用——看着图表能出来就以为完事了，其实关三次之后内存就涨一倍，再开五次页面就卡住。
