15、仪表盘设计、机制与交互全解析

仪表盘设计、机制与交互全解析

1. 仪表盘数据展示与可视化

在仪表盘设计中，航班延误数据与航班活动水平（以航班数量衡量）的结合，通过汇总地图展示效果最佳。地图下方以表格形式（带有条件格式）展示更详细信息，右侧“晚点航班趋势”列也提供了详细内容，该列通过浅线条与其他部分视觉分隔，拥有独立空间。

此外，还有两种不同的密集可视化图表，即双轴条形图和折线组合图以及散点图，为航班延误情况提供了额外洞察。这两种图表相对高级，适合数据分析师等专业用户。散点图的对数/对数刻度会多次标注，以便用户了解两个轴的非标准数据刻度。

2. 仪表盘页面大小属性

仪表盘的页面大小属性有以下两种设置选项：
- 适应内容（Fit Content） ：容器大小会根据显示内容所需的大小动态扩展和收缩，且内容不换行。仪表盘列的大小由列中最大的部分决定，浏览器窗口中的额外空间会添加到内容右侧，列和部分内的内容默认左对齐。
- 填充浏览器窗口（Fill Browser Window） ：当有额外空间时，列/容器的大小会按比例扩展以填充整个浏览器窗口。仪表盘列同样由列中最大的部分决定大小，列和部分内的内容默认居中对齐。

这两种设置的主要区别在于处理内容小于浏览器窗口时的“空白空间”。当内容比浏览器窗口宽时，仪表盘会添加水平滚动条；当内容比浏览器窗口长时，会添加垂直滚动条。在设计仪表盘时，最好考虑“理想”的屏幕分辨率。例如，2014 年 8 月 1 日 W3Schools 数据显示，最常见的单屏分辨率是 1366 × 768。不同组织有不同标准，不要默认非移动用户使用低分辨率屏幕。对于使用