# 仪表板组件-桑基图
桑基图,也叫做桑基能量分流图或者桑基能量平衡图。桑基图是一种较为特定类型的流程图,图中延伸的分支的宽度对应数据流量的大小,并且所有主支宽度的总和应与分流的分支宽度总和相等,保持流量平和,所以桑基图非常适用于用户流量的数据的可视化分析。
# 使用桑基图组件
将桑基图中数据流动的起点、经过点、终点的维度字段拖入到组件的维度中,数据流字段拖入到指标中即可。
操作步骤:
- 双击或拖入维度【国家】、【行业】、【公司】到桑基图的维度中
- 双击或拖入度量【估值(亿美元)】到桑基图的指标中
# 属性介绍
# 组成
桑基图是由起点、经过线、终点和连接线组成,一个完整的桑基图最少需要一个起点字段和一个终点字段,经过点可以无数个或者0个,连接线只能取一个字段。
拖入到维度的字段就是桑基图的起点、经过线、终点,拖入到指标的字段就是桑基图的连接线。
其中桑基图起点、经过点、终点的顺序是由拖入到维度中的字段顺序决定的。也可以在维度手动拖动更改字段顺序,从而改变桑基图的起点、经过点、终点。
# 颜色
在维度中,可以更改维度对应的字段在桑基图中的颜色填充,默认为自动,自动使用主题色板中颜色进行填充,也提供无填充、颜色填充、色板和色阶填充。
也支持将模型中的字段拖入到颜色,利用字段值的不同,进行相对于的颜色填充。
# 布局
样式>组件>布局中允许用户设置整体排列方向,具体效果如下图:
水平排列 | 垂直排列 |
---|---|
布局具体提供如下属性:
- 排列方式:设置桑基图的排列方向,提供水平和垂直两种属性,默认水平
- 节点宽度:设置起点、经过点和终点的宽度,默认20px
- 节点间隔:设置起点、经过点和终点的间隔距离,默认10px
- 可拖动节点:允许拖动起点、经过点和终点,默认不勾选,具体效果如下图:
# 连接线
样式>组件>连接线中可以设置连接线的相关属性,具体如下:
- 颜色:设置连接线颜色样式,提供如下属性:
- 继承源节点:桑基图的整体流行是从左到右或者从上到下。如果选择继承源节点,那么连接线就会继承左边或者上面节点颜色设置
- 自定义:自定义连接线的颜色填充
- 不透明度:设置连接线颜色的透明度,设置的值越小,颜色越透明,取值范围0-1,默认0.4
- 曲度:设置连接线弯曲程度,设置的值越大,弯曲程度越大,取值范围0-1,默认0.5
# 高亮区块
样式>组件>高亮区块中可以设置鼠标放入到各节点或连接线上的高亮样式,具体属性如下:
- 高亮显示内容:设置触发高亮的内容区域,具体如下:
- 默认:当鼠标移入在某个节点上,将会高亮当前节点前后节点以及高亮前后连接线,此时连接线的颜色是带有连接线颜色设置中透明度设置属性;当鼠标移入在某个连接线上,将会高亮当前连接线前后节点,此时连接线的颜色是不会带有连接线颜色设置中透明度设置属性
- 仅节点或边:设置此属性后,鼠标移入到节点或连接线时,只会将高亮当前鼠标移入的节点或连接线,不会再同时高亮相邻的节点或连接线
鼠标放入节点 | 鼠标放入连接线 |
---|---|
- 颜色:设置高亮区块颜色,默认无
- 边框:设置高亮区块边框样式
- 外阴影:设置高亮区块阴影样式,默认无阴影样式
# 系列
样式>系列中可以单独各个节点的样式,具体提供如下属性:
# 标签
设置桑基图对应节点上的标签样式,提供如下属性:
- 显示:设置对应节点上标签是否显示,默认显示
- 字体:设置标签内容字体,包括字体、字号、斜体、颜色
- 文字阴影:设置标签内容的阴影,默认无阴影
- 位置:设置对应节点上标签的显示位置,提供自动、上方、下方、内部居中、左侧和右侧,默认自动
- 角度:设置对应节点上标签的旋转角度,提供0和90,也可以手动输入其他度数,默认0
# 填充
设置桑基图对应节点以及该节点右侧或下方连接线的颜色填充,提供自动、无填充和颜色填充三种填充方式,默认自动。
TIP
如果在样式>组件>连接线中可以将连接线的填充方式设置成自定义,那么这里的颜色设置将不会作用到指定节点右侧或下方的连接线上,即连接线本身的样式设置优先级最高。
# 边框
设置桑基图对应节点边框样式,提供四种边框样式,具体如下图,默认无。
# 阴影
设置桑基图对应节点阴影样式,默认无阴影样式。