if (!rows.length) {
el.innerHTML = '<p class=empty>该时间段没有数据</p>';
return;
}
筛选到一个没有订单的日期,图表只剩两根坐标轴中间一片白,用户以为页面卡住,连着刷新了三次。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。
追下去是这么回事:数据为空时照样 setOption,series.data 是空数组,ECharts 正常画出空坐标系,不报错也不提示。页面没有单独的判空分支。
这次卡住的地方就在「ECharts 空数据提示」这一环,单独把它拎出来验证,别和其他改动混在同一次发布里。同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。
把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。改完隔一天再看一次,当场正常不代表能稳住。
处理上按这个顺序:数据为空时显示占位文案并隐藏图表容器;文案里写清当前筛选条件和清除入口;恢复有数据后重新初始化图表 避免尺寸错乱。
确认没问题再收工,选一个空日期后显示该时间段没有数据,不再只剩空坐标轴。
