为什么要把图表交互说清楚

“交互”是一个很宽泛的词。图表上的交互可能是框选一段数据做统计，可能是悬停读取某个点的数值，也可能是点击图例筛选数据系列。需求越模糊，AI 越难一次做对。

本文把 7 种常见图表交互指令拆开讲：框选范围、十字准线、数据点高亮、数据提示框、图例筛选、图表缩放和数据下钻。

7 种图表交互指令

1. 框选范围（Brush Selection）

• 核心用途：需要圈出一段数据做区间统计时使用。
• 操作方式：在图表上按住并拖出半透明选区，松手后保留范围。
• 交互反馈：拖拽扩大范围时，实时更新起止日期、平均值、峰值和数据点数量。
• 最终状态：松手后保留半透明选区及统计结果。
• 向 AI 描述的关键：按住拖出选区，扩大范围时统计值实时更新，松手后保留结果。

2. 十字准线（Crosshair）

• 核心用途：需要同时精确读取横轴时间和纵轴数值时使用。
• 操作方式：光标进入图表后，显示横竖准线并吸附到最近的数据点。
• 交互反馈：日期标签、数值标签和当前读数同步跟随光标移动。
• 最终状态：光标离开图表后，准线和标签全部隐藏。
• 向 AI 描述的关键：准线吸附最近点，轴标签和读数同步移动，离开后隐藏。

3. 数据点高亮（Data Point Highlight）

• 核心用途：突出显示异常值、峰值或重要的业务节点。
• 操作方式：依次突出目标数据点，如先强调异常低点，再切换到峰值。
• 交互反馈：目标点放大并出现描边或柔光效果，辅助线、说明卡和数值同步更新；周围数据点降低对比度。
• 最终状态：选中另一个点后，说明卡和辅助线跟随更新。
• 向 AI 描述的关键：目标点放大加描边，周围数据降低对比度，说明卡和辅助线同步更新。

4. 数据提示框（Tooltip）

• 核心用途：鼠标悬停单个数据点，读取该点的具体数值和对比变化。
• 操作方式：光标移入数据点时，目标点放大并显示浮层。
• 交互反馈：浮层内显示当前日期、数值和环比变化；移动到其他点时内容跟随更新。
• 最终状态：光标离开后浮层收起，图表本身不跳动。
• 向 AI 描述的关键：移入显示浮层，移出收起，图表不跳动。

5. 图例筛选（Legend Filter）

• 核心用途：需要比较多组数据时，让用户通过图例控制显示或隐藏某个数据系列。
• 操作方式：点击图例，隐藏或恢复对应的折线和数据点。
• 交互反馈：剩余可见系列提高对比度，图例、总量和占比数字同步更新。
• 最终状态：再次点击已隐藏的图例，恢复对应系列。
• 向 AI 描述的关键：点击图例隐藏系列，剩余系列突出，汇总数字同步更新。

6. 图表缩放（Zoom）

• 核心用途：数据跨度很长时，需要查看局部时间段的细节。
• 操作方式：通过滚轮或底部滑块，将时间范围从长周期如 30 天逐步缩到 7 天、3 天。
• 交互反馈：坐标轴刻度、数据点间距、折线细节和范围标签同步变化。
• 最终状态：缩放后显示指定时间范围的局部细节。
• 向 AI 描述的关键：滚轮或滑块缩放，轴刻度、折线密度和范围滑块同步变化。

7. 数据下钻（Drill Down）

• 核心用途：从总览数据逐层深入，查看分类或页面明细。
• 操作方式：点击柱形或数据点，进入下一层明细。
• 交互反馈：标题、面包屑导航、图表和排行数据同步切换到下一层。
• 最终状态：保留逐级返回上一层的入口。
• 向 AI 描述的关键：点击进入下一层，标题、面包屑、图表一起切换，保留返回入口。

图表交互总结

七种交互速查表