坐标系是可以或许使每个数组在维度空间内找到映射干系的定位系统，更方向数学/物理观念。在数据可视化中，最常用的坐标西分为笛卡尔坐标系和极坐标系，本文先容的坐标轴设计主要也是环绕直角坐标系展开，enjoy~

什么是坐标轴

在说坐标轴之前先来先容下什么是坐标系。坐标系是可以或许使每个数组在维度空间内找到映射干系的定位系统，更方向数学/物理观念。

*** 对坐标系的界说是：对付一个n维系统，可以或许使每一个点和一组n个标量组成一一对应的系统，它可以用一个有序多元组暗示一个点的位置。

数据可视化中，最常用的坐标系有两种：笛卡尔坐标系和极坐标系，均为二维坐标系。

笛卡尔坐标系即直角坐标系，是由彼此垂直的两条轴线组成。

极坐标系由顶点、极轴构成，坐标系内任何一个点都可以用极径和夹角（逆时针）暗示。用到直角坐标系的常见图表有柱状图、折线图、面积图、条形图等。

下文先容的坐标轴设计主要也是环绕直角坐标系展开，用到极坐标系的图表有饼图、圆环图、雷达图等。

坐标轴是坐标系的组成部门，是界说域轴和值域轴的统称。系的范畴更大，而轴包括在系的观念里。由于可视化图表绘制的数据大部门都有必然的现实意义，因此我们可以按照坐标轴对应的变量是持续数据照旧离散数据，将坐标轴分成持续轴、时间轴、分类轴三大类。轴的范例差异在设计处理惩罚上也有差别。

坐标轴的组成要素

先容坐标轴设计前，我们先将坐标轴拆分成“原子”要素，详细分为轴线、轴刻度、轴标签、轴标题/单元、网格线。

坐标轴易被忽视的设计细节

按照坐标轴的组成，分类接头下每个组成要素容易被忽视的设计细节。

轴线一般只思量是否显示，譬喻柱状图、折线图等，在有配景网格线的环境下，会埋没y轴线，条形图则是埋没x轴线，以到达信息降噪，突出视觉重点的目标。

轴刻度凡是不显示，只有在肉眼无法定位到某个标签对应的数据点时，会显示刻度线，帮助用户定位，好比折线图，或抽样显示的柱状图。

网格线用于定位数据点的值域范畴，跟从值域轴的位置单向显示，柱状图回收程度网格，条形图回收垂直网格。样式为虚实线的最多，斑马线由于感知过强，一般不消。

轴标题/单元主要用于说明界说域轴、值域轴的数据寄义。当可视化图表标题、图例、轴标签已经能充实表达数据寄义，无需单独显示标题/单元，“如无须要，勿增实体”。

轴标签的设计就较量巨大，涉及到的细节点许多，并且对付界说域轴和值域轴上的标签和单元设计要思量的细节点尚有差别。下文将界说域轴和值域轴当作x轴和y轴，便于说明。

1. x轴标签设计

x轴标签的设计重点在显示法则上，差异的坐标轴范例有差异的处理惩罚 *** 。

1.1 持续轴/时间轴的标签显示

持续轴/时间轴，是由一组前后包括同等差值的等差数列构成，缺少几个数值也能明明看出中间的对应干系。当多个标签在容器内全显示产生重叠，我们可以操作抽样显示的手段来制止这种环境。这里不推荐利用旋转，一方面从雅观度上，旋转大概会粉碎界面整体协调，另一方面，持续/时间轴非必需显示所有轴标签，抽样标签已经能满意用户对当前数组界说域的领略。

先容一种常见的抽样 *** ：平分抽样。