chart.dispose(); chart = echarts.init(el, theme === 'dark' ? 'dark' : undefined); chart.setOption(option);
页面切暗色后,折线图背景仍是白色,坐标轴文字黑得看不见,其他区域已经变暗。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。
追下去是这么回事:图表实例初始化时注册了浅色主题,切换只改了页面 CSS 变量,没有重新设置图表配置。canvas 不继承页面文字颜色。
这次卡住的地方就在「ECharts 暗色」这一环,单独把它拎出来验证,别和其他改动混在同一次发布里。同类问题如果隔一段时间又出现,多半是某个定时任务或重启流程把改动冲掉了。
把这次用到的命令存进笔记,比记住结论有用,换个环境还能照着走。改完隔一天再看一次,当场正常不代表能稳住。
处理上按这个顺序:把图表颜色抽成配置对象 随主题切换重建;切换时先 dispose 再按新主题 init 避免残留;切换后检查坐标轴、图例、提示框三处颜色。
确认没问题再收工,暗色下图表背景、坐标轴和提示框都变深,数据线仍清晰。
