页面树结构

版本比较

标识

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

概要说明

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

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

Image RemovedImage Added

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

劣势:适用情况单一。 

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

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

 

面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录

业务情景

关系图主要用于表示复杂的关系。下面,我们将以一个典型的人物关系图为例,通常会有如下分析需求: 

关系分析需求
分析
效果
情景1:展示以乔布斯为中心的人物关系

该关系分析需求建议通过关系图实现。

1、节点与节点之间的连线表示两个人之间存在关系

2、该关系图是平稳的,即使我们选中某个节点拉动力导向图,它也能很快稳定回来

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

 Image Removed
情景2:展示以乔布斯为中心的人物关系和每个人的声望大小情况

该关系分析需求建议通过关系图实现。

1、节点与节点之间的连线表示两个人之间存在关系

2、每个节点的圆圈大小表示每个人的声望大小,圆圈越大,声望越大

3、该关系图是平稳的,即使我们选中某个节点拉动力导向图,它也能很快稳定回来

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

Image Removed

实现方案

情景1情景1情景1

业务情景描述:展示以乔布斯为中心的人物关系

定制要点:

拖拽“姓名1 ”、姓名2字段到“列区”,姓名1 ”、姓名2字段到 标记>颜色

 标记>颜色 里的字段和“列区”的字段是一一对应关系。 标记>颜色 的第一个字段姓名1 ”对“列区”第一个字段姓名1 标记颜色, 标记>颜色 的第二个字段姓名2 ”对“列区”第二个字段姓名2 标记颜色

Image Removed

情景2情景2情景2

业务情景描述:展示以乔布斯为中心的人物关系和每个人的声望大小情况

定制要点:

实现方案

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

数据结构 

业务情景的数据来源如下

Image Added


定制要点

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

       “标记区”里的字段是可选字段,  标记>颜色 只支持拖拽维度字段,  标记>大小 只支持拖拽度量字段标记区”里的字段和“列区”的字段是一一对应关系。

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

标记区”里的字段和“列区”的字段是一一对应关系 标记>颜色 的第一个字段姓名1的源分类字段“职业1 ”对“列区”第一个字段源字段姓名1 标记颜色, 标记>颜色 的第二个字段的目标分类字段姓名2职业2 ”对“列区”第二个字段目标字段姓名2 标记颜色。同样的, 

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

Image Added

 Image Removed

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

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

Image Added

子图列表

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

Image Removed  Image Removed

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

Image Added  Image Added