页面树结构

版本比较

标识

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

概要说明

关系图使用点和连线表示节点与节点之间的关系,方便用户看出节点之间的亲疏关系,根据展现方式的不同关系图使用圆圈和连线表示节点与节点之间的关系。根据展现方式的不同分为力导向关系图和环形关系图。

下图是一个典型的力导向关系图,展示人物之间的关系。每个节点的颜色表示他们的职业类型,圆圈大小表示每个人的声望大小,圆圈越大,声望越大。

Image RemovedImage Added

优势:适合难以用语言和表格表达的关系。 

劣势:适用情况单一。 

数据要求:两个维度,两个颜色标记(维度,可选),两个大小标记(度量,可选)

适用场景:主要用于表示复杂的关系。

 

业务情景

我们在业务分析中,经常会对数据进行对比分析。下面,我们将以公司产品为例,通常会有如下分析需求: 

多维度数据分析需求
分析
效果
情景1:查看公司产品的竞争力

该需求涉及了多维度数据的分析,建议通过雷达图实现。

1、雷达图外周每个点排列显示产品要素

2、竞争力坐标轴上的所有数据点连成的多边形显示

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

 Image Removed
情景2:查看公司同系列的高低端产品竞争力对比情况

该需求涉及了多维度数据的分析,建议通过雷达图实现。

1、雷达图外周每个点排列显示产品要素

2、竞争力坐标轴上的所有数据点连成的多边形显示

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

Image Removed

组合效果

1、效果1

两个维度,这是最基本的关系图。

两个维度,一个为源(关系的中心节点),一个为目标(与源有关系的节点),做人物关系图的时候必须是人名字段,放在列区。

维度1:作为关系图的中心节点。

维度2:作为关系图与中心节点有关联的节点。

实例:维度1“姓名1”、维度2“姓名2”。

Image Removed

2、效果2

多个维度。

两个维度+一个颜色标记,只以颜色区分不同源。

维度1:作为关系图的中心节点。

维度2:作为关系图与中心节点有关联的节点。

维度3:作为关系图中心节点的颜色标记。

实例:维度1“姓名1维度1“姓名2维度3“姓名1”。

Image Removed

两个维度+两个颜色标记,以不同颜色区分不同的源和目标

维度1:作为关系图的中心节点。

维度2:作为关系图与中心节点有关联的节点。

维度3:作为关系图中心节点的颜色标记。

维度4:作为关系图与中心节点有关联的节点的颜色标记。

实例:维度1“姓名1维度2“姓名2维度3“姓名1”、 维度4“姓名2

Image Removed

3、效果3

多维度+一或两个度量。

两个维度+两个颜色标记+一个大小标记,只以大小标记源。

维度1:作为关系图的中心节点。

维度2:作为关系图与中心节点有关联的节点。

维度3:作为关系图中心节点的颜色标记。

维度4:作为关系图与中心节点有关联的节点的颜色标记。

度量1作为关系图中心节点的大小标记。

实例:维度1“姓名1维度2“姓名2维度3“姓名1”、 维度4“姓名2”、度量1“值1”

Image Removed

两个维度+两个颜色标记+两个大小标记,分别以大小标记源和目标。

两个维度+两个颜色标记+一个大小标记,只以大小标记源。

维度1:作为关系图的中心节点。

维度2:作为关系图与中心节点有关联的节点。

维度3:作为关系图中心节点的颜色标记。

维度4:作为关系图与中心节点有关联的节点的颜色标记。

度量1作为关系图中心节点的大小标记。

度量2:作为关系图与中心节点有关联的节点的大小标记。

实例:维度1“姓名1维度2“姓名2维度3“姓名1”、

 

维度4“姓名2”、度量1“值1”、度量2”值2“
Image Removed

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

子图列表

关系图的子图有力导向关系图和环形关系图两种,只是两种不同的展现方式,如下:

Image Removed  Image Removed

实现方案

业务情景描述:展示乔布斯的人物关系。

数据结构 

业务情景的数据来源如下

Image Added


定制要点

注:“列区”只支持拖拽两个维度字段,拖拽到“列区”的第一个字段为源字段,第二个字段为目标字段。

       “标记区”里的字段是可选字段,  标记>颜色 只支持拖拽维度字段,  标记>大小 

  力导向关系图是立体、动态的                                                               环形关系图是平面、静态的。

只支持拖拽度量字段标记区”里的字段和“列区”的字段是一一对应关系。

拖拽“姓名1 ”、姓名2字段到“列区”,职业1 ”、职业2字段到 标记>颜色声望1 ”、“声望2字段到 标记>大小

标记>颜色 的源分类字段“职业1 ”对“列区”源字段姓名1 标记颜色, 标记>颜色 的目标分类字段职业2 ”对“列区”目标字段姓名2 标记颜色 

同样的, 标记>大小 的源指示值声望1 ”对“列区”源字段姓名1 标记大小, 标记>大小 的目标指示值声望2 ”对“列区”目标字段姓名2 标记大小

Image Added

 

提示显示(显示节点关系)

在关系图中,节点与节点之间的关系可以在提示里显示。如下图,拖拽“关系字段到 标记>提示 ,移动鼠标到想要查看的两个节点之间的连线上即弹出“关系”提示

Image Added

子图列表

关系图的子图有力导向关系图和环形关系图两种,只是两种不同的展现方式。力导向关系图是立体、动态的,环形关系图是平面、静态的。如下:

Image Added  Image Added