仪表盘（Dashboard）是 BI 平台的「门面」，是数据价值传递的最后一公里。衡石 HENGSHI SENSE 的可视化能力覆盖从指标卡、趋势图、对比图到中国式复杂报表的完整图表面板，并结合 AI Agent 实现了「一句话生成驾驶舱」的自动化能力。本文从设计原则、图表选型、布局策略到 AI 辅助创作，给出完整的最佳实践指南。

---

一、仪表盘设计的三层模型

在衡石的 BI 体系中，仪表盘设计分为三个层次。

第一层是数据层，回答「选什么数据」的问题。包括指标定义（通过 HQL 语义层确定核心 KPI）、维度选择（时间、地区、品类等分析维度）、权限范围（不同角色看到的数据范围不同）。

第二层是图表层，回答「怎么展示数据」的问题。包括图表选型（线图、柱图、饼图、散点图等）、视觉编码（颜色、大小、位置、形状等视觉通道）、交互设计（下钻、联动、筛选等交互行为）。

第三层是布局层，回答「如何组织信息」的问题。包括信息层级（最重要到次重要到细节的优先级排序）、页面流（从左到右、从上到下的阅读动线）、响应式适配（PC、大屏、嵌入等不同场景的展示效果）。

二、图表选型决策指南

衡石支持丰富的图表类型，每种都有最适合的数据场景。

指标卡（KPI Card）最适合单一核心指标展示，不适合多指标对比。折线图最适合时间序列趋势，但如果类别超过 5 个会导致线条重叠难以阅读。柱状图最适合 5 到 15 个类别的分类对比，超过 20 个类别时应改用横向柱状图或排行表。饼图和环形图最适合 3 到 7 类的占比分析，超过 7 类或需要精确对比时应改用堆叠柱状图。散点图最适合相关性分析和异常检测。热力图最适合交叉维度的密度分布。地图最适合地理分布展示。漏斗图最适合转化率分析。仪表盘图适合目标达成率展示。表格适合明细数据展示。中国式复杂报表适合多维度交叉和制式报表。

选型决策可以按需求类型走：需要展示单一数值就选指标卡；需要展示时间趋势时，单一指标选折线图、多指标选多条折线图（不超过 5 条）、周期对比选双轴折线图；需要分类对比时，5 到 15 类选柱状图、超 15 类选横向柱状图、含子类占比选堆叠柱状图、做排名选排行榜表格；需要占比关系时，3 到 7 类选环形图、多层级选旭日图、精确占比选百分比堆叠柱状图；需要详细数据时，简单列表选基础表格、多维交叉选透视表、制式报表选中国式报表。

---

三、仪表盘布局策略

用户的视线在仪表盘上通常遵循 F 型扫描模式：先看左上角（最重要的信息），然后水平向右扫描，接着向下移动后再次水平扫描。基于这个规律，推荐的标准布局是：第一行放置 KPI 指标卡（最重要的核心指标，一行四个，各占四分之一宽度），第二行放置大面积主图表（如趋势图，占满宽度的三分之二），第三行放置辅助信息（如分类对比加明细表格）。

衡石提供三种典型的布局模板。经营驾驶舱模板：第一行四个 KPI 指标卡，第二行大面积趋势图展示核心指标的时间走势，第三行分类柱状图（一半宽度）加环形图（四分之一宽度）加排行榜（四分之一宽度）。区域对比分析模板：第一行选中区域 KPI 卡，第二行地图热力图（占六成宽度）加区域排行榜（占四成宽度），第三行各区域趋势对比（四个小趋势图各占四分之一宽度）。明细分析模板：第一行筛选条件加核心指标卡，第二行明细数据表格支持排序和筛选，第三行辅助图表（趋势图和分布图）。

---

四、可视化设计的交互原则

交互设计分为三个层级。第一级是概览层，无需交互、一眼看清，对应 KPI 卡和趋势总览。第二级是探索层，支持点击筛选和联动下钻——点击柱状图的柱子可以联动更新下方明细表，选择时间范围后所有图表同步刷新。第三级是深入层，支持导出（PDF、Excel）、分享链接给同事、设置异常预警。

图表联动配置让仪表盘不再是静态的展示。可以配置从区域柱状图到趋势图的联动（点击某个区域，趋势图自动聚焦该区域），也可以配置全局筛选器（日期范围默认最近 30 天，区域选择下拉框，影响所有图表）。

下钻路径设计让用户可以从宏观到微观逐层深入。例如：点击区域柱状图中的「华东」柱子，下钻到华东各省销售对比；再点击「浙江」，下钻到浙江省各市销售对比；再点击「杭州」，下钻到杭州市各门店排行。四层维度（区域、省份、城市、门店）的逐级下钻在 CLI 中通过一条命令即可配置。

---

五、AI Agent 辅助可视化创作

衡石的 Deliver Agent（可视化创作 Agent）支持通过自然语言直接生成仪表盘。典型的交互是：用户描述需求（「创建华东区月度销售分析驾驶舱，包含总销售额和订单量 KPI、按日销售额趋势图、按城市销售排行柱状图、按品类销售占比环形图，使用现代主题，KPI 卡一行四个」），Agent 自动完成五个步骤——理解需求并确定数据指标和维度、生成 Dashboard Plan（仪表盘规划文档）、创建仪表板框架和图表元素、应用主题和布局、配置联动和筛选。

AI 还可以优化现有仪表板的视觉效果。用户可以要求 Agent 优化配色、统一方案为企业蓝色系、调整图表间距、为 KPI 卡添加环比变化指示器、优化移动端响应式布局。Agent 会先生成优化方案供预览（预演模式），确认后再执行变更。这种「先预览再执行」的机制确保了 AI 创作的可控性。

---

六、中国式报表的特殊设计

中国式报表通常具有复杂的多层级表头（横向和纵向合并单元格）、斜线表头、行列交叉的多维数据展示、固定的打印格式以及数据填报与回写功能。这些需求在轻量级 BI 工具中往往难以满足。

衡石企业级报表模块支持创建复杂报表模板，可以设置三级甚至更多级的表头（按一级分类、二级分类、明细项分层），支持单元格公式计算（如横行求和），支持条件格式（如负值用红色标注）。这些能力确保了中国式报表的开发效率和数据准确性。

---

七、大屏可视化设计

大屏设计有几个核心要点。分辨率推荐使用 1920×1080 或 3840×2160（标准大屏分辨率）。背景色推荐深色系，减少眩光并突出数据。字体大小方面，正文 16 到 20 像素、标题 32 到 48 像素，确保远距离可读。数据刷新建议 5 到 30 秒自动刷新，保持数据的实时性。动画效果适度使用（数字滚动、进度条），体现「活着的数据」。

大屏的标准布局公式：顶部标题栏（约 10% 高度），中间左侧 KPI 指标区域、中间大面积核心趋势图、右侧核心排名图（约 40% 高度），下方左侧地图分布、中间分类对比、右侧明细滚动（约 40% 高度），底部实时数据滚动条（约 10% 高度）。

---

八、可视化最佳实践 Checklist

设计规范：每个仪表盘不超过三屏内容（避免信息过载），KPI 卡放在第一行（最重要的信息最先看到），统一配色方案（不超过五种主色），图例放在图表下方或右侧（减少视线移动），数值标注单位（万、亿、百分比），空数据状态有明确提示而非空白。

性能优化：大数据量表格设置默认行数限制（如 500 行），开启查询结果缓存，高频刷新图表设置合理间隔。

可访问性：使用色盲友好的配色方案（避免仅靠红绿区分信息），支持键盘导航，图表有文字描述。

---

九、FAQ

Q1：如何让仪表盘在手机端也能正常显示？

衡石的仪表盘基于响应式设计，会自动适配不同屏幕宽度。在配置 Dashboard Plan 时，可以指定响应式选项和移动端专用的布局配置。

Q2：AI 生成的仪表盘能直接投入使用吗？

AI 生成的结果建议经过人工审查后再发布。Deliver Agent 在数据准确性上没有问题（因为走的是语义层），但在视觉审美和业务适用性上，人工的微调往往能让仪表盘更「对味」。可以把 AI 当作一个高效的初稿生成器，人来做最后的打磨。

Q3：中国式报表支持导出 Excel 吗？

支持。衡石企业级报表模块完全兼容 Excel 格式导出，包括多级表头、合并单元格和公式。

---

结语

仪表盘设计的本质是信息架构：在有限的空间内，用最有效的方式传递最有价值的数据洞察。衡石的 Dashboard Plan 机制和 Deliver Agent 自动化能力，让这个过程的效率大幅提升——但方向感（选什么数据、怎么讲好数据故事）仍然是人的判断力。好的工具配好的设计思维，才能产出真正有洞察力的仪表盘。

---