页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(待完善)

1 概述

趋势线是利用线的升、降变化来表示被研究现象发展变化趋势的一种图形。它在分析研究事物的发展变化、依存关系等方面具有重要作用。以下将分别举例线图、堆积线图、曲线图、堆积曲线图、阶梯线图、堆积阶梯线图、极坐标曲线图、面积图、堆积面积图、曲线面积图和堆积曲线面积图十一种图的画法。

2 图形效果

类型普通效果堆积效果
线图

Image Added

Image Added

曲线图

Image Added

Image Added

阶梯线图

Image Added

Image Added

极坐标曲线图

Image Added

面积图

Image Added

Image Added

曲线面积图

Image Added

Image Added

下面以线图和堆积线图为例,详细说明图形创建过程:

线图
线图

...

3 线图

线图可通过线的升降变化显示连续数据之间的变化趋势。

3.1 配图建议

X轴:一个维度字段;

Y轴:一个或多个度量字段。

3.2 图形特点

优势:反应事物随类别变化的趋势,可以清晰展现数据的增减趋势、增减的速率、增减的规律、峰值等特征。

劣势:不适合无序的、分类的、离散型的数据。

3.3 业务场景一(单线图)

1、场景描述:某大型零售公司,想要分析全年销售额的变化情况,如下图所示:

...

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)(1)添加线图组件,在数据选择区中,勾选 订单年月 和 销售额 字段,由系统自动分配到 X轴 Y轴 上;或拖拽 订单年月 字段到 X轴销售额 字段到  Y轴 

...

(2)展开 筛选器面版 ,拖拽 订单年份 字段到 影响此组件的筛选器 

(3)效果如下图所示:

3.4 业务场景二(多线图)

1、场景描述:某大型零售公司,想要分析各类产品类别销售量和库存的情况,如下图所示:

Image Added

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)添加线图组件,在数据选择区中,勾选 产品类别 、 库存 和 销售量 字段,由系统自动分配到 X轴  Y轴 上;或拖拽 产品类别 字段到 X轴库存、销售量 字段到  Y轴 。

Image Added

(2)在组件属性中,设置图例在上方,即可得到场景中所需图形效果,如下图所示:

Image Added

堆积线图
堆积线图
4 堆积线图

堆积折线图在显示趋势的同时,还可以显示明细数据的汇总情况,线从下往上实现叠加效果,最上面的一条线表示总和。

4.1 配图建议

X轴:一个维度字段;

Y轴:一个或多个度量字段;

颜色:一个维度。

4.2

...

图形特点

优势:反映数据总体变化趋势的同时,还可以分析同个大类别下各个子类别的变化趋势

劣势:不适合无序的、分类的、离散型的数据。

4.3 业务场景

1、场景描述:某大型零售公司,想要分析全年各类产品销售额的对比情况,如下图所示:

Image RemovedImage Added

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)(1)添加堆积线图组件,在数据选择区中,勾选 订单年月 、 销售额 和 产品类别 字段,由系统自动分配到 X轴  Y轴 标记 > 颜色 上;或拖拽 订单年月 字段到 X轴销售额 字段到  Y轴 ,产品类别 字段到 标记 > 颜色 

Image RemovedImage Added

(2)展开 筛选器面版 ,拖拽 订单年份 字段到 影响此组件的筛选器 

Image RemovedImage Added

(3)效果如下图所示:

Image Removed

3 堆积线图

4 曲线图

5 堆积曲线图

6 阶梯线图

7 堆积阶梯线图

8 极坐标曲线图

9 面积图

10 堆积面积图

11 曲线面积图

12 堆积曲线面积图

...

Image Added

5 更多功能

  • 更多的图形属性设置项的详细介绍,可参考文档:图形属性
  • 配色修改:如需修改图形配色,可参考文档如需修改图形配色,可参考文档:颜色设置
  • 交互设计:如需了解交互相关功能,可参考文档交互设计:如需了解交互相关功能,可参考文档:交互设计