页面树结构

版本比较

标识

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

1 概述

2 业务场景

1、场景描述:

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

...

关系图使用圆圈和连线表示节点与节点之间的关系。根据展现方式的不同分为力导向关系图和环形关系图,力导向关系图节点之间采用力引导布局,环形关系图节点之间采用环形布局。以下将分别举例力导向关系图和环形关系图两种图的画法。

力导向关系图

1、场景描述:展示人物之间的关系,每个节点的颜色表示他们的职业类型,圆圈大小表示每个人的声望大小,圆圈越大,声望越大,有连线代表两人之间有关系。如下图所示:

Image Added

2、数据来源见附件:关系图数据.xls

3、数据结构如下图所示:

Image Added

4、操作步骤

在数据选择区中,拖拽 人物A 和 人物B  字段到 维度 ,A的声望 和 B的声望 字段到 标记 > 大小 A的职业 和 B的职业 字段到  标记 > 颜色 

Image Added

3 环形关系图

1、场景描述:展示人物之间的关系,每个节点的颜色表示他们的职业类型,圆圈大小表示每个人的声望大小,圆圈越大,声望越大,有连线代表两人之间有关系。如下图所示:

Image Added

2、数据来源见附件:关系图数据.xls

3、数据结构如下图所示:

Image Added

4、操作步骤

在数据选择区中,拖拽 人物A 和 人物B  字段到 维度 ,A的声望 和 B的声望 字段到 标记 > 大小 A的职业 和 B的职业 字段到  标记 > 颜色 

...

Image Added

...

4 更多说明

  • 更多的图形属性设置项的详细介绍,可参考文档:图形属性

  • 配色修改:如需修改图形配色,可参考文档颜色设置

  • 交互设计:如需了解交互相关功能,可参考文档交互设计