案例历史数据变化趋势图设计海量资源.pdfVIP

本文由简悦SimpRead转码，原文地址

在07，我介绍了案例1：PyEcharts实时数据指标卡的设计和使用。接下来，我们进入案例

2：数据变化趋势图设计。该案例在整个数据可视化分析构成模型中的位置如下图所示：

图1：章节内容定位

上图中，橙色部分是我们本节将要进行介绍的内容：数据变化趋势图。

实时数据指标卡用于呈现业务和发现业务问题，一旦发现指标异常，就需要引入多个不同的维度，

对问题进行分析和判断。

时间维度，即该指标的趋势，是要首先考虑的。趋势分析问题的价值在于：一方面，进一步判

断该异常是否在合理的范围之内；另外一方面，判断该异常是否具有周期性的特征。同时，数据变

化趋势图，也可以用于发展趋势预测。

数据可视化分析的案例部分，我们采用前面的操作流程，分步骤实施，逐项介绍常用的可视化图表的设

计和使用方法。通过不断重复，希望大家能够建立起一个固定的建设套路和思维模式。

图2：操作流程

效果演示

数据变化趋势图，通过数据可视化的方式，呈现业务指标的变化趋势；通过业务指标曲线的平

图3：订单变化趋势图

图表基础

数据变化趋势图，多用于数据趋势，旨在反映目标业务指标随时间变化的趋势，如订

单变化趋势、额变化趋势、商品库存变化趋势等。

通常情况下，数据变化趋势图的价值在于，对业务状态的呈现，以及基于状态趋势判断当

前实时数据是否符合预期，基于线性回归预测下一个阶段的指标变化等。一个最基本的数据变化趋

势图，在Echarts标准图表中，通常以基本折线图的形式呈现。其基本形态是一个二维坐标轴，横轴代

表时间，纵轴代表指标值。如下图所示：

图4：基本折线图

为了增强基本折线图的表现能力，尤其是强调数据量随时间变化的程度，引起人们对总值趋势的注意，

数据变化趋势图也会采用面积图的形式。

面积图是在折线图的基础之上形成的。它会使用颜色或者纹理填充折线图中的折线与自变量坐标轴之间

的区域，这样一个填充区域我们叫作面积。颜色的填充可以更好地突出趋势信息。

需要注意的是颜色要带有一定的，可以很好地帮助使用者观察不同序列之间的关系，

没有的面积会导致不同序列之间相互遮盖，会导致可以被观察到的信息减少。一个典型的面积图

结构如下所示：

图5：面积图

基本折线图和面积图，除了展示某个指标发展的趋势，还可以用来比较多个不同的指标的数据序列。通

过对比同时间段多个不同指标的值，可以分析哪一种指标的数据表现更好。一个典型的多指标折线图结

构如下所示：

图6：多指标折线图

业务理解

业务理解环节，我们需要从业务流程、业务规则、业务活动和总线矩阵这4个方面进行梳理。

为了简化业务，避免专业的业务领域知识成为学习的门槛，聚焦数据可视化分析本身，我选择了比较简

单的租赁业务场景。租赁业务的业务活动主要包括租赁活动、支付活动和归还活动。具体的业

务过程模型如下图所示：

图7：业务过程模型

定义指标

数据变化趋势图，可以用来呈现任何需要的、具有时间序列特征的指标。具体的指标可以基于业务

需求选择。

租赁业务共涉及3个主要的业务活动，具体需要考虑的指标为：订单量、额、库存量。本案例

中，我们选择订单量作为我们分析的指标。关于以上3个指标定义如下表所示：

指标名

业务逻辑计算逻辑

称

当日出租的数量SELECT*FROMdm_rental_dayORDERBY日期

订单量

和ASC

当日出租的收入

额

和

当日库存的数量

库存量

和

表1：指标定义

定义维度

数据变化趋势的是：呈现指标随时间变化的趋势。因此，通常情况下，只需要考虑时间维度，

而且在时