图表交互设计之折线图
2017-09-09 本文已影响137人
夜雨y
1.折线图的定义
用连续的曲线反映一段时间内某类指标变化趋势的图形，通常由一条或者多条曲线组成。
折线图包括几个方面的要素：横坐标（选项）、纵坐标（单位）、曲线、折点、数据标签（直接标识或者悬浮展示）。
2.折线图的应用
通常用于反映一定周期内某个数据的波动情况，例如某上市公司近一个月股价的趋势。
3.折线图的类型
只有一个类别，无非是折线数量的多少而已。
4.设计一个折线图
（1）横坐标设计
和柱状图不同的是，横坐标可以不受时间点范围约束，可以在同一个折线图上反映近1年股价波动的情况，坐标轴日期可以只展示每月的1号即可，同时展示主要的几个折点，其他日期的数据可以通过鼠标悬浮在曲线上进行查看。
（2）纵坐标设计
先说一个故事，某投资研究员认为该上市公司股价波动太平缓，无法吸引投资者购买获取差额收益，所以通过改变纵坐标的区间的方法来达到想要的效果，如下图所示，股票价格不变，但是通过改变坐标轴的最小值可以达到股价剧烈波动的目的。
这种通过改变坐标轴区间的做法，夸大了事实，不可取。所以，在进行折线图设计时，应如实反映数据趋势，不要夸大事实。
（3）数据标签
折线图一般都是只展示折点，鼠标悬浮在曲线上才展示具体的数值。定义好浮窗展示的内容，小数点精确位数即可。
（4）提高折线图的可读性
如图所示，当多条折线并存时，色彩搭配、曲线粗细合理即可。
姊妹篇：
