折线图的定义：

可以显示随时间而变化的连续数据，非常适用于显示在相等时间间隔下数据的趋势。

常规展示【如下配图 1、2 】

此图为常规展示，观者能直接看到线的走势

此图不光展示了线的走势，同时用圆形节点来突出关键节点的位置
衍生图表：面积图。

面积图的定义：

强调数量随时间而变化的程度，也可用于引起人们对总值趋势的注意。

例如，随着时间变化的利润数据绘制在面积图中，强调总利润。什么意思？就是面积的整体代表了总利润，也就是说，面积越大利润越高。

展示面积图【 如下 配图 3 】

正常情况下，图表完整展示是由4部分构成：图表主题，也就是标题区域，数值展示区域，时间维度展示区域，和标签区域。标签区域在单值图表的情况下是不显示出来的，但是需要注意的是，在多值的情况下，标签区域是一个能和客户进行交互的区域，具有筛选、且支持多选的功能。

【如下 配图 4 功能区标注展示】

这类图表有两个特点：

1、需要同时展示的数据值的个数要≤4个，考虑到数据的易读性原则，多于4，增加了数据读取的难度，同时还会使得在视觉展示方面，过于杂乱，影响整体效果。

举例：【如下 配图 5、6 】

易读的线图案例

【如下 配图 6】

不易读取信息的线图案例

2、趋势是否实效性，多久更新数据？确定这一点目的是为了便于设计师恰当的设计动效，并给读者带来恰当的辅助读取数据信息的作用。【如下 配图7】

有明显引导性的线图案例

———————————————————

那么如何根据不同的业务属性，在视觉展示中更好的赋能业务呢？

案例——趋势类

应用场景多是设备告警趋势、设备在线趋势，等等。

需求是将这些数据所要表达的主题、也就是趋势，合理地展示出来

注意：

-1、上面提到过需要同时展示的数据值的个数要≤4个，考虑到数据的易读性原则，多于4，增加了数据读取的难度，同时还会使得在视觉展示方面，过于杂乱，影响整体效果；

极限情况下的两个案例展示：

第一种【如下 配图 8 】

此类展示方式需要注意的是，线太细，颜色不容易看得清楚，数值的识别度不高；线太粗，出现在交叠的情况，容易混淆，所以需要根据实际情况，谨慎设定线的展示宽度。

第二种 【如下 配图 9 】

此类展示方式需要注意的是，透明度。展示的个数越多，相交的区域越模糊不清稀，所以透明度需要谨慎配置。

-2、两个图表在表达数据时，传递的主题是一致的，视觉效果有些许不同。折/ 曲线图对数据的展示更专一，整体没有多余部分。面积图整体更饱满，视觉的可塑性更高。

-3、在使用前，请考虑好你想要达到的目标是什么，同时考虑数据展示的载体是大屏还是移动ipad，再来选择一种表达更恰当的去实现，当然这两类图表是可以相互替换的。

———————————————————

大家还有什么样的其他案例吗？

欢迎留言和我一起讨论，一起玩转数据可视化的视觉表达。

Powered by Froala Editor