跳到主要内容

桑基图

1 基础桑基图​

1.1 介绍与演示​

image
Preview

桑基图是一种展示数据流向、流量关系及节点间关联程度的可视化图表，核心价值在于直观呈现 “源 - 流 - 汇” 的动态过程，以及各环节的流量占比、分支变化。它广泛应用于能源流动、物资运输、用户行为路径、资金流向等场景，比如 “全国电力生产 - 传输 - 消费分布”“电商用户从浏览 - 加购 - 下单 - 复购的转化路径” 等。

1.2 使用教程​

1.2.1 基础属性​

基础属性可以对本控件的背景、边框、标题、选择器等属性的修改。

  1. 背景：颜色（纯色、渐变颜色）、背景图（显示方式）等设置；
  2. 边框：是否圆角（圆角度数设置）、边框（是否存在、边框尺寸、边框颜色、是否阴影）等设置；
  3. 标题：控件标题（是否显示）、显示高度、标题背景设置、字体样式设置、超链接、字体位置等设置；
  4. 选择器：选择器（是否显示）、背景设置、字体、展现方式（根据不同宽度来调整大小：窗口等分、分别定义占比、分别定义绝对宽度）等设置；

1.2.2 高级属性​

  • 图形基础​

图形边距：上边距、下边距、左边距、右边距
节点拖拽：设置图表节点是否允许手动拖拽调整位置。
显示方向：选择图表节点排列为水平方向或垂直方向。
对齐方式：选择同一层级节点的排列对齐规则。

显示：选择是否显示标签。
标签文章：选择标签的显示位置。
字体样式：设置字体颜色和字体大小。

颜色设置：选择颜色是否固定。
绑定方式：选择不同的绑定节点。
透明度：设置边线的透明度。
高亮：设置高亮是否聚焦。

调整鼠标移动到控件上时的提示框样式。
显示提示：设置提示框是否显示。
背景色：设置背景颜色。
文字样式：设置字体颜色和字体大小。
指示器样式：设置指示器颜色和宽度。、

设置颜色样式，提供自定义参数修改或主题颜色
颜色系列：选择提供默认配置好的多种主题颜色；

1.3 事件属性​

事件属性主要是控件的穿透。https://doc.tizdata.com/fastbi/1605

1.4 动效属性​

动效属性主要是控件的动效。https://doc.tizdata.com/fastbi/1588

2 拖拽桑基图​

2.1 介绍与演示​

image
Preview

2.2 基础操作​

参考目录【1.基础桑基图】完成基础配置。

2.3 关键性操作配置​

  • 图形基础
    节点拖拽：开启节点拖拽设置图像。