docs(memory): 趋势图修复与单图双轴彩色版记录（09-02）

.workbuddy/memory/2026-09-02.md

@@ -28,6 +28,35 @@
 - **git**：rename 识别完美（175 R + 3 文档修改，envs 被 .gitignore 忽略不进库），commit a255abd，push 8278865..a255abd 成功（fetch 无分叉）
 - 注：M70h3o 轮询任务（S6 修复后重跑 6 创作任务）completed 通知已收到，但任务已不在存储中，验证结果无法追溯
 
+## 趋势折线图收尾：数据管线实测 + push（16:23-16:35）
+- **4 个 commit 统一 push**：4473f15 / dd15f12 / d43578e / cad3560，`c314723..cad3560 main -> main`（fetch 确认无分叉）
+- **真实 API 管线验证通过**（关键：路由是 `/api/dsh/account-videos?accountId=1629&pageSize=500`，响应字段 `items` 非 list；`/api/account-videos` 返回 Not Found）：
+  - 36 条全量视频、时间升序正确（2026/04/15 → 2026/08/17）
+  - numOf 解析 "3.5万"→35000 正确；点赞 2.6万~1838万 / 评论 454~32万，双 grid 独立 y 轴量级适配良好
+  - tooltip 格式化、NaN 检查、语法检查全部通过
+- **验证经验**：Git Bash 下 /tmp 路径映射有问题（-o /tmp/x.json 落盘失败），临时文件用工作区内路径（.trend-check.json 用完即删）
+- 浏览器实渲染未验证（9223 调试实例未开，遵守 Chrome 红线不主动开启），页面已带 `?v=20260902-f#/account/1629` 重开供用户查看
+
+## 趋势图「看不到」排查 + tab 直达修复（11:19-11:30）
+- **根因**：非代码 bug——图表只在「视频列表」tab 渲染，而重开 URL `#/account/1629` 默认停在「账号信息」tab（data-pages.js `tab='info'`），用户打开看不到图表
+- **排查过程**：① ECharts 资源完整（Node 拉取 1121883B/MIME 正确；curl 0B 是输出重定向假象）② 服务端 data-pages.js 含图表代码且语法 OK ③ 路由分发正常 ④ API 数据管线 36 条正常 ⑤ 9222 无 CDP 响应、9223 未开（遵守红线不主动开）
+- **修复两处**（data-pages.js）：① hash 第三段支持直达 tab——`#/account/1629/persona` → 视频列表（含趋势图）；② renderTrendChart 去掉静默 return——echarts 缺失显示「图表组件未加载」、数据不足显示「暂无足够视频数据」空态提示
+- 重开 `?v=20260902-tabfix#/account/1629/persona` 直达视频列表 tab
+- **经验**：图表/交互元素「看不到」先查默认状态（tab/滚动/折叠）是否遮挡，再查资源与代码；Node vm 沙箱无法完整模拟 ECharts 6（缺浏览器 API，MozPerspective 报错属预期）
+
+## 趋势图「白色横杠」根因 + 容器结构修复（11:27-11:32，P0 级 UI bug）
+- **用户反馈**：「只有一条白色横杠」→ 图表容器渲染了但高度失效
+- **根因**：data-pages.js 466 行 `panel = '<div class="trend-chart" id="trendChart"></div>'`——**`.trend-chart` 与 `#trendChart` 同挂一个 div**，而 CSS 是后代选择器 `.trend-chart #trendChart { height: 240px }`，后代选择器匹配不到自身 → 容器高度只剩 padding（8+4=12px），ECharts 画布被压缩成一条细杠
+- **修复**：拆两层 `<div class="trend-chart"><div id="trendChart"></div></div>`，后代选择器命中，240px 高度生效
+- **经验固化**：HTML 结构 `class`+`id` 同挂一个元素时，后代选择器（`父 class 子 id`）必然失效——class 是外壳、id 是内层必须拆两个元素；写 CSS 后代选择器前先核对 HTML 层级
+- commit d9cbfd8；重开 `?v=20260902-heightfix#/account/1629/persona`
+
+## 趋势图单图双 Y 轴彩色版（11:30，用户要求）
+- **需求**：「这两个折线可以放在一张图里，图要彩色的，Y轴数字单位用 w 万」
+- **实现**（data-pages.js renderTrendChart 重写）：原双 grid 上下分区 → 单 grid 双 Y 轴（左=点赞红 #E54D42 / 右=评论蓝 #3B82F6），各带同色面积渐变；`wanTick` formatter——≥1万显示「x万」（整万不带小数），<1万原值；tooltip marker 跟随序列色；X 轴 MM/DD
+- **量级设计**：点赞 2.6万~1838万 vs 评论 454~32万（60 倍差），双 Y 轴独立刻度是单图能看清两线的关键
+- commit a0934c1；重开 `?v=20260902-singlechart#/account/1629/persona`
+
 ## Chrome 不主动关闭红线（10:29，用户明确）
 - **用户原话**：「没有用户要求 开启的chrome浏览器不要关掉」
 - 固化三处：① 操作规范.md 新增 **5.7 浏览器进程生命周期（红线）**——已开启 Chrome（9223 调试实例/用户 Chrome/daemon 连接实例）一律不主动关闭，除非用户明确要求；只可自行回收本次任务自己启动的临时实例；② mcn-dou-analysis/SKILL.md 浏览器操作红线补第⑦条；③ V1.0/SKILL.md browser-harness 小节补进程生命周期红线