页面树结构

版本比较

标识

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

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关系图的特点说明如下:

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

劣势:适用情况单一。 

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

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

 

 




面板
borderColor#FFFFFF
bgColor#F0F0F0
borderWidth1
borderStylesolid

目录


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}

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

数据结构 :

Image Modified

定制要点

1、数据设置:

Image Modified

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

Image Modified

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

Image Modified



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}

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