ECharts 是一款数据可视化图表库，因为其领有多种多样的图表款式，炫酷的展现成果，并有个性化的定制的能力，所有有很多 BI 产品比方 Smartbi 会抉择集成 Echart 图形以便进行可视化图表的制作。
明天咱们给大家具体来讲述一种 Echarts 图形——关系图的制作。
关系图是什么
关系图是指应用图形和连线示意节点与节点（人物或是事物）之间关系的一类图。下图是一个关系图示例，展现人物之间的关系。每个节点的色彩示意他们的类型，圆圈大小示意每个人的声望大小，圆圈越大，声望越大。
关系图怎么做
上面咱们就以上图乔布斯的人物关系图为例来演示如何实现关系图。
数据要求
一个关系线须要五个数据：连线的指标和源，用于标识指标和源的类型及大小，指标和源的关系。本示例采纳了 northwind 数据源内的 t_gxt 表，表的构造和数据如下图：
实现步骤
- 在 Smartbi 中关上即席查问抉择 northwind 数据源内的 t_gxt 表，勾选须要的字段。
- 在即席查问工具栏中抉择 图形 选项。
- 进入 Echarts 作图界面，图形类型抉择 关系图。源节点抉择字段 ” 人物 A ”；指标节点抉择字段 ” 人物 B ”；关系名称（是指节点之间的关系形容，比方父子）能够不抉择。
- 别离点击源节点字段和指标节点字段前面的设置，则进行数据点分类和数据点数值的设置。
数据点分类：是依据此节点进行分类，作为图例可显示进去分类，以不同色彩标识。
数据点数值：用于显示点的大小比例范畴。其数值大小以图形大小为标识，数据越大示意越重要。
数据点人物 A 设置如下图：
数据点人物 B 设置如下图：
4、设置显示图例，图例在图形上方显示。图例是取分类的值。
5、设置图形主题
6、切换到序列设置。
设置显示方式为“力疏导布局”；连贯曲率为 0.5；斥力因子为 600；勾选拖拽；勾选显示数据项标签；数据点大小为 40；
7、点击确定，查看成果：