点击表格行图表无反应，需在table.render的done回调中绑定事件；Echarts须复用实例并用setOption传完整配置；确保图表容器已渲染且宽高大于0；从行数据对象按field名取值而非数组索引。
点击表格行时图表没反应？先检查 on 事件绑定时机
表格渲染完成前就绑定点击事件，layui.table.on 会失效——这是最常被忽略的初始化顺序问题。Layui 的表格是异步渲染的，render() 返回的是一个 table 实例，但事件监听必须在 done 回调里注册，否则 DOM 节点还没生成，监听无从谈起。
-
table.render()的done回调才是安全的事件注册入口，别在render()外直接写table.on('row(...)') - 确保
id参数与table.on中的事件名前缀一致，比如table.render({ id: 'userTable' })，对应监听要写table.on('row(userTable)', ...) - 如果用了分页或搜索重载，
done会多次触发，但table.on只需绑定一次，放外面也行；更稳妥的做法是在done里用once或加标记避免重复绑定
图表数据没更新？注意 Echarts 实例的复用和 setOption 调用方式
每次点击都新建 echarts.init 实例，不仅内存泄漏，还会导致旧图表残留、新图表不渲染。Echarts 必须复用实例，且 setOption 要传完整配置对象（不能只传 series），否则坐标轴、图例等可能错乱。
- 把
echarts.init结果存为变量（如let myChart = echarts.init(...)），全局或闭包内维持单例 -
setOption推荐用notMerge: false（默认值），避免漏掉 title、tooltip 等非 series 配置；若只更新数据，可传 { series: [...] }，但前提是原始 option 已完整初始化过 - 在
table.on('row(...)')回调里，先做空值判断：if (!myChart) return，防止表格加载中就触发点击
点击后图表显示空白或报错 Cannot read property 'setOption' of undefined？查 DOM 容器状态
图表容器（<div id="chart"></div>）如果还没挂载到页面、或被隐藏（display: none）、或宽高为 0，echarts.init 会返回 null，后续调用 setOption 就崩了。
ECharts Master
下载
ECharts 图表大师。根据用户数据和业务上下文，自动设计并生成专业的 ECharts 可视化图表。使用场景：(1) 用户提供表格/JSON/CSV 数据需要可视化，(2) 用户说"帮我做个图"、"画个图表"，(3) 需要将查询结果可视化展示。
- 初始化图表前，用
document.getElementById('chart')确认元素存在，再检查offsetWidth > 0 && offsetHeight > 0 - 如果容器在 Tab 页或折叠面板里，默认隐藏，需在 tab 切换/面板展开后手动调用
myChart.resize() - Layui 弹层（
layer.open）里放图表，务必等弹层success回调执行完再 init，否则 DOM 还没插入文档流
如何从表格行数据提取字段喂给 Echarts？别硬写索引，用 data 对象属性名
表格列定义里写了 field: 'sales'，那行数据就是 obj.sales，不是 obj[2]。硬靠数组下标取值，一旦列顺序调整或增删列，逻辑立刻失效。
- 在
table.on('row(...)')的回调参数里，第二项是obj（整行数据对象），直接按 field 名取值：obj.name、obj.amount - 如果后端返回字段名带下划线（如
order_date），建议 render 表格时用templet或parseData统一转成驼峰，保持前后端字段语义一致 - 图表需要多维数据（如 x 轴时间、y 轴数值），优先从同一行对象里解构，避免跨行拼接；若真需聚合，明确加注释说明计算逻辑，比如 “此处取最近 7 天同品类销售均值”
联动本身不难，难的是表格异步、图表异步、DOM 状态异步这三股劲儿没对齐。只要盯住 done、init、setOption 这三个关键节点的执行时序和上下文，90% 的问题就消失了。
