可视化折线圆形统计图_五个方面，聊聊数据可视化的初体验

数据可视化常常需要通过统计图来展现，不同类型的统计图有着不同的使用场景以及使用方法。

编者按

作者|果冻

转自|人人都是产品经理

距离上一次投稿快9个月了(感谢那些给我评论的人，还有给我赏的人)，那时候我刚毕业正在一家医院里工作，后来还是想要做一名产品经理。于是，在去年的中秋节我成功获得了做医疗大数据产品的工作。刚入职的时候心里特别忐忑不安，怕做不好这份工作，现在也会因为想懂而无从下手的各种技术变得焦虑。在这半年的时光里，我的工作基本是根据课题项目的需求画原型，并且是大数据可视化的前端页面设计，有时候将项目的需求内容转换到产品需求，再搭建好页面结构和框架就会头疼好几天。接着将各种统计指标呈现在页面上，如何美观而又一目了然地展示这些结果，并能清晰地实现课题项目的目标，以及完整、直观、生动地呈现产品要表达的“故事”，这是可视化和交互设计的重点内容。经过几个项目的实践，我想总结一下目前自己对可视化图表和交互设计上的一些心得，希望收到大家的指点。

回忆以前学习和制作的统计图，都是最基本的只有X轴、Y轴的单因素变量数据的静态图。现在发现大数据之美就在于可以选择多种维度、多种角度去发现数据变化规律，并通过比较分析，又能得到很多不同的结果。

数据可视化，常用统计图来展现，包括折线图、柱状图、饼图、扇形图、散点图、雷达图、统计地图、仪表盘、漏斗图、字符云等，这些类型经过不同的定义和交互设计，能够衍生出多种统计图的表达形式。但是想要熟练应用和衍生出统计图，需要以清晰掌握各类型统计图的含义和作用为前提，才能不仅满足需求，更能满足审美、及行业或学科的特性。

根据我的理解，我将统计图分成以下5个方面来阐述我的一些工作中的心得体会。

一、折线图

1. 基础图形展示

图1是最基本的折线图，如果将折线画的光滑一点，就变成一条曲线，这时候我们也把它叫做曲线图，如图2。

图1

图2

2. 作用和价值

不论是折线，还是曲线，一眼看去，脑海就会想接下去的线条会向上，还是向下呢？

因此，折线图的价值就在于呈现一个或者多个指标变量的发展和变化趋势，并且能直观的知道低谷值和高峰值。例如：股市涨跌、心律变化等场景就可以应用折线图。

3. 变量要求和用法

既然是反应趋势，且画的线是连续的，那么自变量一定是可以切分相同间隔的连续变量或者周期变量。

4. 依据需求编故事

根据折线图的作用和价值，故事的开头自然是“随着时间的变化”、“伴随着年龄的增长”、“在这一段时间，某变量出现了低谷值和高峰值，根据标准区间可以进行告警”等。

5. 我的衍生折线图及交互设计

如果有指标变量的单位或定义不同，也可以在右边同样加另一个Y轴，前提是不进行该指标变量与其他指标变量的比较，只是单独想看该变量的自身发展趋势。图3，三个因变量单位和定义是一致的(只有一个纵轴)，那么在同一年份，可以比较这三者数值大小。

图2，将右边的折线图看作成一个画板，点击左边的变量就可以出现该指标变量历年情况，左边框里统计的是总数。因此该衍生图是一种总分效果图，我觉得交互设计特别棒的点在于：一张简单的图和数据，可以像剥洋葱一样一层一层的扒开，并且每一层都有不同的内容。

二、柱状图

1. 基础图形展示

柱状图又称条形图、直方图、柱形图，以每个等宽长方形的长度不同来呈现因变量(统计指标)的数值大小的一种统计图。通过对数据的分类组合，可以出现多个长方形为一组、且每组内的指标变量一致的柱状图，如图6。

图5