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

关系图使用圆圈和连线表示节点与节点之间的关系。

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


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

劣势:适用情况单一。 

数据要求:一个关系线需要五个数据:连线的目标和源,用于标识目标和源的类型及大小,目标和源的关系。

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

 

 

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

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

数据结构 :

定制要点

1、数据设置:

2、数据点属性设置:数据点分类以不同颜色标识,数据点数值以圆大小标识。

3、设置“斥力因子”:用于设置连线的长短。



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

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

属性关系图
数据设置


字段
源节点
目标节点

关系名称

数据点分类
数据点数值
基本设置
通用画布大小
背景颜色
标题

标题
标题样式
水平位置
图例位置
文字样式
提示



是否显示
背景颜色
边框宽度
提示文本样式
添加其他列
工具


功能按钮设置


数据视图
保存图片
序列





 












序列属性



显示方式
连接曲率
斥力因子
拖动
普通状态设置




边框色
边框宽度
数据项标签

位置

文本样式

高亮状态设置





边框色
边框宽度
数据项标签
位置

文本样式

数据点设置数据点形状
数据点大小
数据点旋转角度
高级图形标识
图形输出行数
图形主题
数据传值设置
扩展属性