B端交互设计总结——数据可视化图表（五）

上篇文章给大家总结了一下条形图“B端交互设计总结——数据可视化图表（四）”，接下来我们一起看看折线图和面积图。

上篇文章给大家总结了一下条形图“B端交互设计总结——数据可视化图表（四）”，接下来我们一起看看折线图和面积图。

选定可视化图表类型

3）折线图

定义：用于显示数据在一个连续的时间间隔或者时间跨度上的变化，它的特点是反映事物随时间或有序类别而变化的趋势。

折线图分为直线折线图和曲线折线图。折线图可以清晰的反映数据是递增还是递减、增减的速率、增减的规律（周期性、螺旋性等）、峰值等特征。

特点：

横轴如果不是表示连续数值，折线图的意义不大；

数量一般不少于3条，否则用柱状图更合适。
163515779319422433 使用建议：

反映事物随时间或有序类别而变化的趋势：折线图看的是趋势，所有不是有序类别的不适合使用折线图。
163515780942249947 视觉美化：折线图可以清晰的反映数据是递增还是递减，不能和面积图累计的概念混淆，由于折线图放在界面上的视觉重量很弱，所以我们可以通过添加微渐变加重视觉。
163515782342377593 4）面积图

定义：面积图又叫区域图——它是在折线图的基础之上形成的, 它将折线图中折线与自变量坐标轴之间的区域使用颜色或者纹理填充，颜色的填充可以更好的突出趋势信息；需要注意的是颜色要带有一定的透明度，透明度可以很好地帮助使用者观察不同序列之间的重叠关系，没有透明度的面积会导致不同序列之间相互遮盖，减少可以被观察到的信息。
163515786274427558 使用建议：

不要超过7个序列：当数据系列过多时，往往造成用户难以观察的痛苦，所以建议使用堆叠面积图时数据系列最好不要超过7个。
163515787786076241 关于折线图的内容就先介绍到这里了，下篇文章给大家讲讲分组条形图，赶紧去看看吧！

以上就是“B端交互设计总结——数据可视化图表（五）”的内容了，如果你还想了解其他相关内容，可以来产品壹佰官方网站。