highcharts 怎么去掉鼠标悬停效果_七天数据可视化之旅第六天：提升可视化效果的Tips...

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

Destiny，某物流公司数据产品经理，目前从事数据平台搭建和可视化相关的工作。持续学习中，期望与大家多多交流数据相关的技术和实际应用，共同成长。

0x00 前言

在之前的文章中，已经分享过如何根据数据可视化的目的、数据关系和特征，去选择合适的图表类型。当确定了要使用哪些图表进行数据可视化后，就开始进入可视化作品的设计阶段。从大的方向上来说，影响数据可视化最终效果的因素，分为两个层面：

• 一是非数据层面。

  • 不受数据影响可视化效果的情况包括：

    比如说整个页面的布局；

    图表的辅助元素，如图表背景、网格线、外边框；

    交互方式的设计等。

    →不受数据影响的情况，是我们在可视化设计阶段就可以把控的，比如说页面的整体布局、图表的设计(包含网格线、背景、颜色的选取等)、交互的设计等。

• 二是数据层面。

  • 受数据影响可视化效果的情况一般包括：

    数据分布不均匀，存在极端值；

    某一维度下的属性值过多，信息繁杂不够聚焦；

    不同层级的，数据量级差异较大；

    数据条目较多等。

    →以上这些情况的存在，通过可视化映射之后，反映到图表上就体现为，比如说某个柱形条的长度过长，饼图扇区的个数过多等，从而使可视化的最终效果不如人意。

因此，今天这篇文章，主要从以上两个层面，来总结提升可视化效果的一些经验，从而使数据信息的传达更聚焦、有效，可视化作品的视觉呈现更加美观。

0x01 非数据层面

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

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

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