以图表形式组织数据可让信息传达更清晰并更具视觉吸引力。

一个有效的图表会突显数据集中的一些关键信息,帮助用户深入了解并制定决策。例如,用户可能会使用图表来:
- 了解接下来的天气状况可能会如何影响其计划。
- 分析股价以了解过往的表现并发现趋势。
- 查看健身数据以追踪其进度并设定新目标。
若要了解如何设计图表以提升使用体验,请参阅数据图表化;有关开发者指南,请参阅 Creating a chart using Swift Charts。
1. 剖析
图表由多个图形元素组成,这些元素描绘数据集中的值并传达这些值的相关信息。

标记是数据值的可视化展示。你可以通过提供一组或多组数据值,将每个值分配给一个标记来创建图表。若要指定你要显示的图表样式(如条形图、折线图或散点图),你可以选取标记类型,如条形、线或点(有关指南,请参阅标记)。在图表中描绘单个数据值的一般任务称为绘制,包含标记的区域称为绘图区。
为了描绘值,每种类型的标记都会使用由比例决定的视觉属性,比例将数字、日期或类别等数据值映射到位置、颜色或高度等视觉特征。例如,条形标记可以使用特定的高度来表示值的大小,使用特定的位置来表示值出现的时间。
为了向用户提供理解图表视觉特征所需的上下文,你可以提供几种不同形式的描述性内容。
你可以使用坐标轴来帮助定义由一组标记表示的数据的参考框架。许多图表会在绘图区的边缘显示一对坐标轴(一个水平轴和一个垂直轴),每个坐标轴代表一个变量,如时间、数量或类别。
一个坐标轴可包含作为参考点的刻度,其用于帮助用户在坐标轴上直观地定位重要的值,如 0、50% 和 100%。许多图表会显示网格线,每条线从刻度开始延伸到整个绘图区,以帮助用户直观地估计标记不在坐标轴附近的数据值。
你还有多种方法来描述图表元素,以帮助用户理解数据并突显你要传达的关键信息。例如,你可以提供标签来命名坐标轴、网格线、刻度或标记等项目,以及提供为使用辅助技术的用户描述图表元素的辅助功能标签。若要提供上下文和其他详细信息,你可以创建描述性标题、副标题和注释。你也可以按需创建图例,它描述了与标记位置无关的图表属性,例如使用颜色或形状来表示不同的值类别。
清晰且准确的描述可以使图表更易于理解;若要了解提高图表可访问性的其他方法,请参阅增强图表的可访问性。
2. 标记
根据你要传达的数据相关信息选择标记类型。部分最常见的标记类型有条形、线和点;有关此类及其他标记类型的开发者指南,请参阅 Swift Charts。
条形标记在图表中很有用,它可以帮助用户对比不同类别中的值,或者查看不同部分在整体中的相对比例。条形图尤其适用于帮助用户理解随时间变化的数据,每个值都可以表示一个总和,例如一天中的总步数。

线标记还可以显示值如何随时间而变化。在折线图中,一条线连接了一系列数据中的所有数据值。线的斜率揭示了数据值之间的变化幅度,并且可以帮助用户直观了解总体趋势。

点标记可帮助你将各个数据值描绘成差异直观的标记。点标记组可以显示数据的两个不同属性之间的关系,帮助用户检查单个数据值并识别离群值和群集。

考虑组合使用标记类型来使图表意图更清晰。例如,如果使用折线图来显示随时间的变化,你不妨在折线顶部添加点标记来突显单个数据点。组合使用点与线可以帮助用户了解总体趋势,同时还可以将他们的注意力吸引到单个值上。
3. 坐标轴
根据图表的含义使用固定或动态的坐标轴范围。在固定范围内,坐标轴的上下界始终不会改变,而在动态范围内,上下界可随当前数据而变化。当特定的最小值和最大值对所有可能的数据值都有意义时,请考虑使用固定的范围。例如,用户会希望显示电池当前电量的图表能包括最小值 0%(完全耗尽)和最大值 100%(完全充满)。

相反,当可能的数据值变化很大,并且你想让标记填充可用的绘图区时,请考虑使用动态范围。例如,“健康” App 的“步数”图表中 Y 轴范围的上界会发生变化,以使特定时段内的最多步数最接近图表的顶部。

根据标记类型和图表使用情况定义下界的值。例如,当使用 0 作为 Y 轴的下界时,条形图的效果会很好,因为这样做可以让用户直观地比较各个条形的相对高度,以合理估计它们的值。相反,有时将下界定义为 0 可能会使值之间有意义的差异更难以察觉。例如,心率图表始终使用 0 作为下界可能会模糊静息心率和活动心率读数之间的重要差异,因为此类差异出现在远离 0 的范围内。








