图表交互设计之折线图

1.折线图的定义

用连续的曲线反映一段时间内某类指标变化趋势的图形，通常由一条或者多条曲线组成。

折线图包括几个方面的要素：横坐标（选项）、纵坐标（单位）、曲线、折点、数据标签（直接标识或者悬浮展示）。

2.折线图的应用

通常用于反映一定周期内某个数据的波动情况，例如某上市公司近一个月股价的趋势。

3.折线图的类型

只有一个类别，无非是折线数量的多少而已。

4.设计一个折线图

（1）横坐标设计

和柱状图不同的是，横坐标可以不受时间点范围约束，可以在同一个折线图上反映近1年股价波动的情况，坐标轴日期可以只展示每月的1号即可，同时展示主要的几个折点，其他日期的数据可以通过鼠标悬浮在曲线上进行查看。

（2）纵坐标设计

先说一个故事，某投资研究员认为该上市公司股价波动太平缓，无法吸引投资者购买获取差额收益，所以通过改变纵坐标的区间的方法来达到想要的效果，如下图所示，股票价格不变，但是通过改变坐标轴的最小值可以达到股价剧烈波动的目的。

这种通过改变坐标轴区间的做法，夸大了事实，不可取。所以，在进行折线图设计时，应如实反映数据趋势，不要夸大事实。

（3）数据标签

折线图一般都是只展示折点，鼠标悬浮在曲线上才展示具体的数值。定义好浮窗展示的内容，小数点精确位数即可。

（4）提高折线图的可读性

如图所示，当多条折线并存时，色彩搭配、曲线粗细合理即可。

姊妹篇：

《图表交互设计之柱状图》

《图标交互设计之饼图》