@media print {
.chart-box { print-color-adjust: exact; -webkit-print-color-adjust: exact; }
}
600×360 的柱状图在屏幕上是蓝到青的渐变，打印预览里全变成同一种浅蓝，色块之间完全分不开。这类现象通常不是突然出现的，往前翻半天日志能看到苗头。
追下去是这么回事：浏览器打印默认不输出背景图形，渐变属于 canvas 背景绘制，被 print-color-adjust 默认值省掉。没加打印样式时连网格线一起消失。
「图表渐变打印丢失」确认了原因之后，改动尽量只碰那一处，顺手改的东西后面最容易出问题。监控和日志的时间要对上，时区不一致会多绕很大一圈。
临时改动用注释写上日期和原因，过两周自己都记不清为什么这么写。动手前把原文件复制一份带时间戳，出问题立刻换回去，比现场分析快得多。
一次只改一处，改完立刻验证，几个改动叠在一起，出问题就说不清是谁导致的。
处理上按这个顺序：图表容器加 print-color-adjust 为 exact；打印前把深色主题切回浅色；用系统打印预览确认渐变和网格线都在。
确认没问题再收工，打印预览里柱子仍是渐变，网格线和文字都清晰。