提升可视化效果的经验总结

我们一般根据数据可视化的目的，数据关系和数据特征，去选择合适的图表类型。当我们确定了要使用哪些图表进行数据可视化后，就进入可视化作品的设计阶段。从大方向上来说，影响数据可视化最终效果的因素，可以分为两个层面：非数据层面 和 数据层面

• 非数据层面
  包括 整体布局，例如图表排列分布等；图表的辅助元素，例如图表背景，网格线，外边框等；交互方式的设计等
• 数据层面
  例如 数据分布不均匀，存在极端数据值；某维度属性值过多，信息繁杂不够聚焦；不同层级的数据量级差异较大；数据条目较多等

下面会从以上谈到的两个层面，来总结提升可视化效果的一些经验，从而是数据信息的传达更聚焦、有效，可视化作品的效果更好

非数据层面

1. 布局要强调最重要的数据信息，将用户注意力集中在可视化结果的最重要区域

在进行某一主题的可视化作品设计时，我们需要通过根据用户关注的重点数据，对可视化结果的重要性和优先级进行排序。通过对可视化空间的合理布局设计，将用户的注意力集中到可视化结果中最重要的一个或几个区域上。

通常情况下，用户的视觉中心，是位于整个页面的上方和中心区域。如果只有一个重点，放在最显眼的位置，如果有几个重点，尽量集中放置，吸引视觉焦点。除了通过位置来吸引用户的视觉焦点，还可以通过突出的颜色编码来抓用户的注意力。

2. 图表设计要隐藏不必要元素，弱化辅助元素

在我们绘制图表时，需要去掉无意义的背景色填充和颜色区分，弱化网格线，突出真正重要的数据信息。辅助元素虽然能辅助使用者理解图表信息，但是过多的元素呈现在一张图表上时，视觉上会显得杂乱，主次不分，从而干扰到图表最想要表达的信息。对于这类元素，应该尽量弱化隐藏。

3. 交互操作要具有直观性、易理解性

1. 为了让可视化作品的更简洁美观，为了突出主要信息，图表一般会隐藏一些元素，例如数据标记，数据标签
2. 一些数据所具有的特征，会导致图表信息展示不全或无法一次性展示
3. 人们查看数据的习惯，一般是先看总体和趋势，再看局部和细节

基于以上三点，要求可视化产品，需要给使用者提供一系列的交互手段，来让用户按照自己的意图和关注点去探索数据

常见的交互方式

• 移动和缩放
  当前空间只能显示有限数据时，或者需要关注局部数据时，可以使用移动和缩放。
  对于移动而言，如果当前显示空间没有把数据展示完全，需要把后一条数据显示一部分，让使用者知道后面还有数据，指引用户使用移动操作。
  对于缩放而言，其目的一般是为了在更大的空间去看局部的细节数据，一般需要移动操作配合。

• 悬停和点击
  悬停的目的，是为了查看某个对象的详细信息，通常会以弹窗或者[图例+数据]的形式展现。
  点击的目的，通常是为了数据下钻，在这种情况下，需要通过设计传达给使用者可以进行交互的信息，让使用者知道此处可点击，如鼠标悬停时箭头变手型，对象颜色变化或者文字指引等。

• 图表间的联动
  多图表联动，是可视化中比较常见的一种交互方式，图表联动的前提条件是，多个图表的指标含有共同的维度属性，所以当聚焦于某个图表的某一维度下的属性值时，其他图表会联动变化。

数据层面

1.当数据项较多时，需要精简数据项，突出重点

- 比例型分类数据，分类项建议保持在5~7个
当需要按照某一个维度进行分组时，若该维度的属性值数目较多，那么就需要对属性值进行重新的归类和分组，通常的做法是，保留占比或实际值TOP5的分类项，剩余分类归为[其他]。

- 柱状图数据条过多时，保留头部和尾部
当需要用柱状图来对数据进行排行时，若数据条目较多，此时建议保留头部和尾部，中间的可以以省略号带过来或者折叠起来，放大时再展开。头部和尾部的具体数目，可以依据具体需要来定，比如前5名和后5名、前10名和后3名等。

2.对于趋势图，若趋势不明显时，坐标轴数值可以不从0开始

当数据差异较小，导致折线的波动范围比较小，走势起伏不明显，此时如果为了更清楚的看到数据的波动情况，坐标轴起始数值可以不从0开始，但是此时需要在页面提示使用者，否则使用者会误以为波动很大。
这种做法虽然可以让使用者更清晰的看出变化趋势和波动规律，但是会给使用者带来额外的理解成本，也有夸大差异的嫌疑，因此不建议经常使用。

另外需要注意，柱状图的坐标轴起点，必须从0开始，否则柱形图的高度就不能代表数据间的差异。

3.当排行数据的类别名称较长时，可以用条形图替换柱状图

当类别名称太长时，用柱状图会看不清类别名，即便斜放，也与使用者的视觉习惯不符，所以可以考虑使用条形图，将类别名放与左侧，或者放在条柱之间的空隙里。

4.坐标轴需要做对应的单位转化

图表坐标轴的数值，受数据的大小影响，当数据较大时，一方面将坐标轴数值单位转化为我们熟知的K，W，M，亿需要一定的反应时间，另一方面，较大的数值如果不转化，会占用有限的可视化空间。因此，建议在一个数据可视化平台内部，需要建立一套公共的单位转化规则，保证图表坐标轴单位转化规则的一致性。

注意：一个图表中，坐标轴的数值单位需要保持一致，一般是以最大数值的单位作为整个坐标轴的统一单位。

阅读文章：《七天数据可视化之旅》第六天：提升可视化效果的Tips