页面树结构

版本比较

标识

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


目录

以实际的业务需求和美观性为出发点,线图衍生出多种不同形态的子图:标准折线图、标准面积图、堆积面积图,用来更好的表现和满足不同的数据对比分析需求。

Title_font
Name

概要说明

 

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}
线图是指利用线的升、降变化显示连续数据之间的变化趋势,线的斜率反映数据变化幅度,其中一个轴表示连续的时间,另一个轴表示相应的数值。

类型

(点击图片可跳转到相应图形说明文档。)

标准折线图标准面积图堆积面积图

Title_font

_1

Name

线图特点说明如下

优势:容易反应出数据变化的趋势。

劣势:局限于只适用中小规模的数据集(即不适合项数较多的数据)。

数据要求:

 1)一个或两个维度,一个或多个度量。

 2)折线种类不超过4条。

适用场景:

1)线图适合二维的大数据集,还适合多个二维数据集的比较。 

2)  反映变化趋势,关联性。 

3)  线图适合大数据集的趋势分析,尤其适合非离散型维度分析,比如时间,价格走势 。

Title_font_1
Name普通线图和堆积线图的对比说明如下:

面板
borderColor#BBBBBB
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

 

 

 

普通线图堆积线图

显示数据随着连续的时间的变化趋势。显示趋势的同时,可以显示明细数据的汇总情况。线从下往上实现叠加效果,最上面的一条线表示总和。

Image RemovedImage Removed

1.数据对比差异

  • 普通线图:显示各个类别的变化趋势。
  • 堆积线图:可以显示各个类别的变化趋势,也可以实现叠加效果,最上面的一条线表示总和。

2.实用性差异

  • 普通线图:支持显示类别的变化趋势。
  • 堆积线图支持显示类别的变化趋势以及叠加效果。

3.图形构建差异

  • 普通线图:数据起点以第一个数值为起点 。
  • 堆积线图:后一条数据永远是前一条数据与后一条数据之和。

 

 

Title_font
Name业务情景

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

我们在业务分析中,经常会对趋势进行对比分析。

下面我们以零售公司为例,年底对公司产品销售额变化情况进行数据分析时,通常会有如下分析需求:

数据对比分析要求分析效果
场景1:查看公司当年销售额的变化情况。

该需求的趋势对比分析,是想要查看变化情况,即趋势。因此建议通过线图实现。

1、分类轴上显示月份。

2、指标轴上分布销售金额。

该情景实现的详情请参考 情景1  

Image Removed
场景2:查看公司当年各类产品销售额的对比情况。

该需求的趋势对比分析,是需要对比各类产品的销售额情况。因此建议以多线图效果实现对比。

1、分类轴上显示月份。

2、指标轴上分布销售金额。

该情景实现的详情请参考 情景2

Image Removed
场景3:对于没有进行汇总的数据,想要查看公司当年各类产品的销售总额。

该需求的趋势对比分析,是想要看变化趋势也想要看数据的汇总情况。因此建议使用堆积线图实现。

1、分类轴上显示月份。

2、指标轴上分布销售金额。

该情景实现的详情请参考 情景3 。情景3

Image Removed

 

 

Title_font
Name实现方案

Wiki 标记
{html}<div style="border-bottom: 0.5px solid #dfe1e5;color:#2D5C8C;padding-bottom: 0.5px;font-size: 24px; height: 5px;">&nbsp;</div>{html}

Title_font_1
Name情景1

业务场景描述:

查看公司当年销售额的变化情况。

数据结构:

Image Removed

定制要点:

将“月份”字段作为“分类(X)轴”,“销售额”字段作为“指标(Y)轴”。

预览效果:

Image Removed

 

情景2情景2
Title_font_1
Name情景2

业务场景描述:

查看公司当年各类产品销售额的对比情况。

数据结构:

Image Removed

定制要点:

将“月份”字段作为“分类(X)轴”,“产品类别”字段作为“并列轴”,“销售金额”字段作为“指标(Y)轴”。

预览效果:

Image Removed

 

Title_font_1
Name情景3

业务场景描述:

查看公司当年销售额的变化情况和汇总数据情况。

数据结构:

Image Removed

定制要点:

将“月份”字段作为“分类(X)轴”,"产品类别”字段作为“并列轴”,“销售金额”字段作为“指标(Y)轴”。

预览效果:

Image Removed

属性

线图的属性包括数据设置、基本设置、标题、坐标轴、图例、提示、工具、序列、高级、扩展属性等,具体请参考下面表格:

属性标准折线图标准面积图堆积面积图
数据设置


字段
分类(X)轴

指标(Y)轴

并列轴 
设置序列属性自定义标线/区间
基本设置通用画布大小
背景颜色
显示方式
边距
初始化动画
防止Y轴标签溢出
防止X轴标签溢出
标题

标题
标题样式
水平位置
坐标轴分类轴/指标轴





坐标轴名称
坐标轴名称样式
坐标轴名称位置
名称到轴线的距离
标注步长
刻度标签显示方式
刻度标签样式
分隔线
分隔区域
坐标轴线
图例位置
文字样式
提示



是否显示

背景颜色

边框宽度
提示文本样式
添加其他列
工具


功能按钮设置

数据视图
数据区域缩放
配置项还原
保存图片
序列














序列属性

平滑曲线
连接空数据
普通状态设置


系列主色
数据项标签

位置

文本样式

高亮状态设置





系列主色
数据项标签
位置
文本样式
数据点设置

数据点形状
数据点大小
数据点旋转角度
数据标注设置
数据标线设置标线类型
标记颜色
高级图形标识
图形输出行数

图形主题

排序排序顺序
排序指标
数据传值设置
扩展属性