图表下钻是沿明确的数据层级继续查看细节，例如从区域工单量进入城市，再进入具体工单。设计时要保留当前时间、指标和筛选条件，显示“正在看哪一层”，并提供回到上一层的路径。一次点击改变了多少范围，用户应该能从标题和条件中读出来，而不是根据数字变化猜测。
可先在墨刀中搭建图表到明细的交互原型，用同一组数据串起总览、下一层和返回页面。原型帮助确认分析路径；真实数据的聚合、权限与查询一致性，需要在实现中按同一口径完成。
先区分下钻、筛选和打开明细
用户点击一根柱子，可能想看下一层，也可能只是选中它、筛选其他图表，或打开记录列表。这些动作都合理，但不能让同一种点击在同一界面中不可预测地切换含义。
| 动作 | 工单看板中的结果 | 需要保留的信息 |
|---|---|---|
| 下钻 | 从区域分布进入华东的城市分布 | 时间、指标、原筛选条件，加上所选区域 |
| 联动筛选 | 选中华东后，其他图表仅显示华东数据 | 页面新增的生效条件，以及清除选择入口 |
| 打开明细 | 进入符合华东条件的工单列表 | 完整查询范围、来源位置和返回入口 |
| 展开下一层 | 同时显示区域与各区域下的城市 | 父子分组关系，而非只换一个横轴标题 |
Microsoft的Power BI下钻说明也区分了单个数据点下钻、整个图形进入下一层、保留上层的展开，以及跳到另一报表页的钻取。设计自己的产品时可借鉴这些概念区分，不必照搬它的按钮或模式。
如果一张图只需要一种主要动作，直接显示“查看城市分布”或“查看工单”往往比隐藏的模式开关更清楚。有多种分析动作时，可以先选中数据点，再显示含义明确的操作；不要让用户无意打开下钻模式后，每次点击都走到陌生层级。
给层级一个稳定的业务关系
下钻依赖可以解释的层级。区域→城市→门店是一种组织关系；年度→季度→月份是一种时间关系；设备类型→故障原因则未必是固定父子关系，可能更接近换维度分析。先明确关系，再决定是否称为下钻。
本例使用自拟的9月在线工单数据：全国120条，其中华东50条、华南40条、其他区域30条；华东的50条分为上海30条和杭州20条。约定每条工单按唯一受理城市归属，不重复计入两个城市。这样父级数量才能与子级数量加总对应。
若业务允许一张工单涉及多个区域，子项数量之和可能大于父项去重数量。此时需要在指标说明里区分“工单数”与“涉及区域次数”，不能因为图表看起来不整齐，就把其中一个数字改到相等。
标题、条件和路径要同时变化
点击华东后，标题可以从“9月各区域在线工单量”改成“9月华东各城市在线工单量”。标题下显示“范围：全国 / 华东”，并保留“渠道：在线”。颜色或柱子数量变化只能提供视觉反馈，不能代替这些文字。
建议把上下文分成三部分：
- 全局条件：时间范围、渠道、组织权限等，对整条分析路径生效。
- 下钻路径：当前选择的区域、城市或其他父级对象。
- 局部视图：当前层级的排序、隐藏系列、滚动位置等，主要影响阅读方式。
改变时间范围后，是保留当前华东路径，还是回到全国？两者都有合理场景，但要提前约定。若新时间段华东没有数据，可以留在华东显示空状态与当前条件；不应悄悄回到全国，却继续使用华东标题。
下钻后指标要能对账，比例不能直接求平均
数量指标可以在互斥且完整的分组里加总；比率往往不行。假设上海30条工单完成24条，杭州20条完成10条，两地完成率分别为80%与50%。华东完成率应按34÷50计算为68%，不能把80%与50%直接平均成65%。
这类错误常在设计稿中先出现：父级写一个“看起来合理”的比例，子级再各填一组数字，研发和评审者无法判断哪组为准。准备原型数据时，先列分子、分母和归属关系，再生成显示值；百分比的保留位数与四舍五入也应统一。
同样要区分0与没有采集。城市尚未接入数据，不应被画成0条工单并据此排序为“表现最好”。没有权限的城市也不应伪装成0。若只展示当前可访问范围，标题或说明应能解释统计范围，否则父级总量与下钻明细可能出现无法理解的差额。
返回要恢复分析位置，不能重新开始
用户在华东城市图中查看上海明细，再返回华东，应能继续比较杭州。建议保留上一层的筛选、排序与阅读位置，并使原来选择的数据点可辨认。只有在数据发生更新时，才按约定提示变化；不要每次返回都恢复默认月份和默认排序。
“返回上一层”与“回到总览”是两个动作。路径较深时，面包屑可以提供跳回指定父层的入口；当前层名称作为位置说明。浏览器返回也需要纳入设计，避免用户点了几次下钻，按一次返回却直接离开整个系统。
如果打开的是新页面，保留能恢复查询上下文的导航信息；若只是同页切换图表，仍要明确页面历史如何处理。这里没有所有产品通用的实现方式，但原型可以先演示用户对“返回”的预期，再由研发选择合适的状态保存方式。
小数据点和触屏，不能只靠悬停操作
柱子很矮、折线节点密集或屏幕较小时，精确点击并不容易。可以提供对应数据表或按名称检索的入口，让用户从“华东”这一行执行同样的下钻。数字被读出来与操作能完成，是两项要求。
键盘用户也需要明确的进入方式、当前项和返回落点。不要把唯一入口藏在鼠标悬浮气泡中；触屏可以先选中再显示操作，但选中状态和执行动作应能区分。图形、摘要和数据表如何保持信息一致，可参考图表无障碍设计中的多种阅读路径。
同时控制联动范围。下钻一张图时，其他图是否一起变化，需要显式约定。如果图A已经进入华东，图B仍显示全国，可以保留这种布局，但标题和条件必须各自清楚；不能让用户误以为两张图已经共享了同一范围。
加载、空数据与失败要留住原来的问题
点中华东后需要加载城市数据时，可以在图表区域显示正在获取华东数据。若保留旧图作为等待背景，应明确它尚未更新，不能把新标题先贴到旧的全国柱状图上。
加载失败时保留目标路径，并允许重试或返回上一层。没有数据则解释“当前时间与渠道下暂无华东工单”，不要统一写“出错了”。用户快速连续选中华东和华南时，较早返回的华东请求也不能覆盖最终选择的华南结果。
这些状态属于同一条分析路径，可与可视化大屏的图表与布局方法一起规划。大屏展示需要整洁，但不能通过删除时间、单位和范围说明来换取空旷。
用同一组数据把整条路径走完
先建立全国120条的总览页，再建立华东50条的城市页与上海30条的明细页。连接华东、上海和返回入口；旁边保留上述时间、渠道和指标规则。评审者应能说出自己在哪一层，也能验证30＋20等于50。
接着改变渠道或时间，模拟当前路径无数据、加载失败及权限范围变化。最后从明细返回，对照排序和阅读位置是否恢复。完成这几步，交付的就不只是一张可点击的图，而是一条能够解释数据、连续追问并安全返回的分析路径。
