You need to enable JavaScript to run this app.
导航

桑基图

最近更新时间2023.09.14 18:41:57

首次发布时间2021.02.23 10:42:08

1. 概述

桑基图,也被称为桑基能量平衡图,是一种特定类型的流程图。数据从左边的节点流向右边的节点,节点的高度表示数据的大小;链条宽度与流量数值成比例显示,链条越宽反应流量数值越大。桑基图用于表达流量分布与结构对比,常应用于能源、材料成分、金融等领域的数据可视化分析。

节点 :图中的“矩形”部分,如下图所示。节点代表不同的分类,即可视化查询的维度。

链条 :连接节点的流线。流线线条的粗细反映了流量的大小,流量即可视化查询的指标。

image.png

2. 快速入门

2.1 常用使用场景

桑基图通常应用于具有流向关系的数据可视化分析,例如不同国家之间的人口流动情况,产品的销售去向等。

桑基图示例

image.png

2.2 使用过程示例

第一步 设置维度、指标、筛选条件

使用桑基图的第一步,是设置桑基图的维度、指标和筛选条件。维度对应桑基图的节点,指标对应桑基图的链条粗细。

举例来说,我们想将下述销售数据表绘制成桑基图,以观察销售额的地域流向。

image.png

选择维度为:国家、地区、省自治区三个维度,它们分别对应着桑基图上的三列节点。

选择指标为:销售额(求和),它对应着桑基图上的链条。
第二步,绘制桑基图
绘制桑基图如下,链条连接了“从国家到地区”、“从地区到省/自治区”两个节点,分别代表“全国销售额流向各地区”、“各地区销售额流向各省”的占比;链条的粗细表示销售额的高低。

image.png

凸显流量路径、显示数据结果
当鼠标hover到某任意节点或路径上时,即显示数据提示;
alt
当点击某个流量路径的时候,则会凸显出来该路径
alt

3. 功能介绍

3.1 桑基图图标

alt

3.2 配置规则

桑基图支持 2 个或多个维度、1 个指标。

3.3 编辑颜色

桑基图支持自定义颜色设定,产品内置多种配色方案。

3.4 线条样式

桑基图的链条支持曲线和直线两种样式,可按需选择;产品默认使用曲线样式进行展示。

曲线示例:

image.png

直线示例:

image.png

3.5 维度标签

可以开启维度标签,并对齐设置样式
alt

3.6 图例、标签

图例:

  • 支持选择显示或者不显示图例信息,点击右侧的开关按钮进行配置;

  • 支持自定义图例在图表中的展示位置。

标签:

  • 支持用户自定义选择显示或者不显示标签信息,点击显示标签后,标签会显示在图表顶层,指标的数值会显示在图表上;

  • “允许重叠”功能默认关闭,开启则标签展示不受间距限制,可能出现重叠情况;

注意:显示方式中“稀疏展示“与“允许重叠“之间仅能选择一个,若已选中其中一个则另一个置灰,提示“允许重叠和稀疏展示不能同时选择”。当标签显默认显示拥挤时建议选择“稀疏展示“。

  • 支持用户自定义标签字体的大小和颜色。

alt

3.7 图内控件样式

参见表格-图内控件样式

3.8 恢复默认设置

点击[恢复默认设置],则上述图表配置中的内容都会恢复默认