# 仪表板组件-桑基图

桑基图,也叫做桑基能量分流图或者桑基能量平衡图。桑基图是一种较为特定类型的流程图,图中延伸的分支的宽度对应数据流量的大小,并且所有主支宽度的总和应与分流的分支宽度总和相等,保持流量平和,所以桑基图非常适用于用户流量的数据的可视化分析。

桑基图

示例地址:桑基图 (opens new window)

# 使用桑基图组件

将桑基图中数据流动的起点、经过点、终点的维度字段拖入到组件的维度中,数据流字段拖入到指标中即可。

操作步骤:

操作步骤

  1. 双击或拖入维度【国家】、【行业】、【公司】到桑基图的维度
  2. 双击或拖入度量【估值(亿美元)】到桑基图的指标

# 属性介绍

# 组成

桑基图是由起点经过线终点连接线组成,一个完整的桑基图最少需要一个起点字段和一个终点字段,经过点可以无数个或者0个,连接线只能取一个字段。

组成

拖入到维度的字段就是桑基图的起点经过线终点,拖入到指标的字段就是桑基图的连接线

其中桑基图起点经过点终点的顺序是由拖入到维度中的字段顺序决定的。也可以在维度手动拖动更改字段顺序,从而改变桑基图的起点经过点终点

取数

# 颜色

维度中,可以更改维度对应的字段在桑基图中的颜色填充,默认为自动,自动使用主题色板中颜色进行填充,也提供无填充颜色填充色板色阶填充。

也支持将模型中的字段拖入到颜色,利用字段值的不同,进行相对于的颜色填充。

颜色

# 布局

样式>组件>布局中允许用户设置整体排列方向,具体效果如下图:

水平排列 垂直排列

水平

垂直

布局具体提供如下属性:

布局

  • 排列方式:设置桑基图的排列方向,提供水平垂直两种属性,默认水平
  • 节点宽度:设置起点经过点终点的宽度,默认20px
  • 节点间隔:设置起点经过点终点的间隔距离,默认10px
  • 可拖动节点:允许拖动起点经过点终点,默认不勾选,具体效果如下图:

拖动

# 连接线

样式>组件>连接线中可以设置连接线的相关属性,具体如下:

连接线

  • 颜色:设置连接线颜色样式,提供如下属性:
    • 继承源节点:桑基图的整体流行是从左到右或者从上到下。如果选择继承源节点,那么连接线就会继承左边或者上面节点颜色设置
    • 自定义:自定义连接线的颜色填充
  • 不透明度:设置连接线颜色的透明度,设置的值越小,颜色越透明,取值范围0-1,默认0.4
  • 曲度:设置连接线弯曲程度,设置的值越大,弯曲程度越大,取值范围0-1,默认0.5

# 高亮区块

样式>组件>高亮区块中可以设置鼠标放入到各节点或连接线上的高亮样式,具体属性如下:

高亮

  • 高亮显示内容:设置触发高亮的内容区域,具体如下:
    • 默认:当鼠标移入在某个节点上,将会高亮当前节点前后节点以及高亮前后连接线,此时连接线的颜色是带有连接线颜色设置中透明度设置属性;当鼠标移入在某个连接线上,将会高亮当前连接线前后节点,此时连接线的颜色是不会带有连接线颜色设置中透明度设置属性
    • 仅节点或边:设置此属性后,鼠标移入到节点或连接线时,只会将高亮当前鼠标移入的节点或连接线,不会再同时高亮相邻的节点或连接线
鼠标放入节点 鼠标放入连接线

节点

连接线

  • 颜色:设置高亮区块颜色,默认无
  • 边框:设置高亮区块边框样式
  • 外阴影:设置高亮区块阴影样式,默认无阴影样式

# 系列

样式>系列中可以单独各个节点的样式,具体提供如下属性:

# 标签

设置桑基图对应节点上的标签样式,提供如下属性:

标签

  • 显示:设置对应节点上标签是否显示,默认显示
  • 字体:设置标签内容字体,包括字体字号斜体颜色
  • 文字阴影:设置标签内容的阴影,默认无阴影
  • 位置:设置对应节点上标签的显示位置,提供自动上方下方内部居中左侧右侧,默认自动
  • 角度:设置对应节点上标签的旋转角度,提供090,也可以手动输入其他度数,默认0

# 填充

设置桑基图对应节点以及该节点右侧或下方连接线的颜色填充,提供自动无填充颜色填充三种填充方式,默认自动。

填充

TIP

如果在样式>组件>连接线中可以将连接线的填充方式设置成自定义,那么这里的颜色设置将不会作用到指定节点右侧或下方的连接线上,即连接线本身的样式设置优先级最高。

# 边框

设置桑基图对应节点边框样式,提供四种边框样式,具体如下图,默认

边框

# 阴影

设置桑基图对应节点阴影样式,默认阴影样式。

阴影

是否有帮助?
0条评论
评论