共计 759 个字符,预计需要花费 2 分钟才能阅读完成。
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、点击确定,查看成果:
正文完