可视化技术干货：坐标系扫盲—图表呈现的核心，有点难懂，慢慢看

hello，我是贝格前端工场，本篇文章开始分享可视化干货技术，力争用深入浅出的语言讲明白坐标系，并附大量图表案例。欢迎老铁们关注转发，如有项目定制需求可以私信我们。

一、什么是坐标系

在可视化设计中，坐标系是一个基本的概念，用于确定和表示数据在图表或平面上的位置。它是一个由水平和垂直轴组成的参考框架，用于将数据点映射到具体的位置。

坐标系通常由两个轴组成：横轴（X轴）和纵轴（Y轴）。横轴代表一个独立的变量，纵轴代表一个依赖于横轴的变量。例如，在折线图中，横轴可以表示时间，纵轴可以表示销售额。通过将时间和销售额映射到坐标轴上，可以在图表中准确地定位和表示不同时间点的销售额数据。

坐标系的刻度和标签是坐标系中的重要元素，用于标记轴上的数值和提供参考。刻度表示轴上的间隔或单位，标签表示刻度对应的具体数值。它们帮助用户理解数据的大小关系和趋势。

在二维可视化中，坐标系通常是直角坐标系，其中横轴和纵轴相互垂直。在三维可视化中，坐标系可以是三维的，包括横轴、纵轴和垂直轴。

坐标系在可视化设计中具有重要的作用，它提供了一个准确的空间框架，使得数据点可以被定位和表示。通过合理设计和使用坐标系，可以帮助用户更好地理解和分析数据，揭示数据之间的关系和趋势。

坐标系通常由以下几个部分组成：

横轴（X轴）：横轴是坐标系中的水平线，用于表示一个独立的变量或维度。它通常用于表示时间、类别或其他连续或离散的变量。横轴上的刻度和标签表示不同的数值或类别。
纵轴（Y轴）：纵轴是坐标系中的垂直线，用于表示一个依赖于横轴的变量或维度。它通常用于表示数量、频率、百分比等连续的数值变量。纵轴上的刻度和标签表示不同的数值。

刻度和标签：刻度和标签是坐标轴上的标记，用于表示不同数值或类别的位置。刻度表示轴上的间隔或单位，标签表示刻度对应的具体数值或类别。它们帮助用户理解数据的大小关系和趋势。
坐标轴交点：坐标轴交点是横轴和纵轴的交叉点，通常位于坐标系的左下角。它表示数值为0的点，是坐标系中的基准点。
背景网格：背景网格是坐标系中的一组水平和垂直线，用于提供参考和对齐。它们可以帮助用户更准确地定位和比较数据点。

这些部分共同构成了坐标系，用于确定和表示数据在图表或平面上的位置。通过合理设计和使用坐标系，可以帮助用户更好地理解和分析数据，揭示数据之间的关系和趋势。

坐标系的地位和作用包括以下几个方面：

数据定位：坐标系提供了一个数据点在图表中的准确位置。通过坐标系的横轴和纵轴，可以将数据点的数值映射为图表上的具体位置，使得数据点能够在图表中被定位和表示。
数据关系：坐标系的横轴和纵轴可以表示不同的数据维度或变量，通过将不同的数据维度映射到坐标轴上，可以展示数据之间的关系和相互影响。例如，横轴可以表示时间，纵轴可以表示销售额，通过将时间和销售额映射到坐标轴上，可以展示销售额随时间的变化趋势。

数据比较：坐标系的刻度和标签可以帮助用户直观地比较不同数据点之间的差异。通过在坐标轴上标注刻度和标签，用户可以快速比较不同数据点的数值大小，从而更好地理解数据的含义和趋势。
数据趋势：坐标系可以展示数据的趋势和变化。通过将数据点连接起来，可以形成折线图或曲线图，展示数据随时间或其他变量的变化趋势。坐标系的刻度和标签可以提供时间或其他变量的参考，帮助用户理解数据的趋势和预测未来的发展。

总的来说，坐标系在可视化图表呈现中具有重要的地位和作用，它可以帮助用户定位数据点、展示数据关系、比较数据差异和分析数据趋势。通过合理设计和使用坐标系，可以提高数据的可读性和可理解性，使得用户能够更好地理解和分析数据。

坐标系有多种类型，常见的包括以下几种：

直角坐标系（笛卡尔坐标系）：直角坐标系是最常见和常用的坐标系类型。它由两个相互垂直的轴组成，分别是横轴（X轴）和纵轴（Y轴）。横轴和纵轴上的刻度和标签表示不同的数值或类别。
极坐标系：极坐标系是一种以原点为中心的坐标系，用极径和极角来表示点的位置。极径表示点到原点的距离，极角表示点与极轴的夹角。极坐标系常用于表示圆形、环形或径向数据。

三维坐标系：三维坐标系是在直角坐标系的基础上增加了一个垂直轴（Z轴）的坐标系。它由三个相互垂直的轴组成，分别是横轴（X轴）、纵轴（Y轴）和垂直轴（Z轴）。三维坐标系常用于表示三维空间中的数据和物体。
地理坐标系：地理坐标系是一种用于表示地球表面位置的坐标系。它使用经度和纬度来确定地球上的点的位置。地理坐标系常用于地图和地理信息系统（GIS）中。
对数坐标系：对数坐标系使用对数刻度，将数值按照对数变换进行表示。对数坐标系常用于表示具有指数增长或指数衰减特征的数据，例如经济增长、生物学增长等。