图表交互设计之折线图

作者: 夜雨y | 来源:发表于2017-09-09 09:05 被阅读137次

    1.折线图的定义

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

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

    2.折线图的应用

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

    3.折线图的类型

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

    4.设计一个折线图

    (1)横坐标设计

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

    (2)纵坐标设计

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

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

    (3)数据标签

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

    (4)提高折线图的可读性

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

    姊妹篇:

    图表交互设计之柱状图

    图标交互设计之饼图

    相关文章

      网友评论

        本文标题:图表交互设计之折线图

        本文链接:https://www.haomeiwen.com/subject/wacgjxtx.html