U7.06.5The active time range must be visible alongside the chart设计
当前生效的时间范围需与图表同屏可见
别名: 时间范围可见性 · 生效范围标注
概念解释
用户看一张图表时需要同时知道"这是什么数据"和"这是哪段时间的数据"。如果生效的时间范围只在控件里可见而图表本身不标注,用户在截图分享、滚动浏览多张图、或者忘记自己改过范围时,就无法判断眼前的数据属于哪个窗口。时间范围与图表的分离放置制造了一个认知缝隙:控件是操作意图,图表是数据呈现,两者之间的映射必须始终可见才能闭合。
机制
问题的认知根源在于情景记忆的衰减速度:用户设置完时间范围后,几秒钟内注意力转移到图表内容上,范围的记忆就会在后续的分析操作中被覆盖。当范围不可见时,用户做出的判断("这个趋势在上升")缺乏一个前提条件("这是在哪个窗口里看到的"),结论因此不可传递、不可复现。截图是最常见的受害场景——图表被粘贴到群聊或文档里,范围信息留在了原页面的控件上,接收者只看到曲线没有看到窗口。同理,多图布局中如果只有顶部一个全局控件,滚动到第二屏后图表与控件脱离同屏,"这段数据是什么范围"再次变成悬而未决的问题。对策是在图表自身上冗余标注范围:x 轴的起止刻度、图表标题里嵌日期、或图表角落的窗口标签——任何一个都能让图表在被截取或独立查看时携带自己的时间语境。
边界
范围标注的位置选择有张力:放在图表内会占用绘图面积,放在图表外则截图时容易丢失。对于自动刷新的监控大屏,范围标注还应包含"数据截至"时刻——相对范围的起点随时间滚动,用户需要知道数据新鲜度而不仅是窗口长度。移动端窄屏上,完整日期范围可能放不下,此时至少保留起点日期或相对描述("近 7 天"),不能完全省略。
怎么落地
- 每张图表的标题或副标题嵌入当前生效的日期范围,与控件联动更新。
- x 轴首尾刻度显示完整日期,确保图表被截取时自带时间锚点。
- 实时仪表盘在范围标注旁加"数据更新至 HH:MM"的时间戳。
- 验证:截取任意一张图表发给不在这个页面的同事,对方能否说出数据属于哪段时间;说不出即范围可见性不达标。