桑基图

适用场景：桑基图(Sankey Diagram)，是一种特定类型的流图，用于描述一组值到另一组值的流向。

桑基图的特点如下：

起始流量和结束流量相同，所有主支宽度的总和与所有分出去的分支宽度总和相等，保持能量的平衡；

在内部，不同的线条代表了不同的流量分流情况，它的宽度成比例地显示此分支占有的流量；

节点不同的宽度代表了特定状态下的流量大小。

桑基图通常应用于能源、材料成分、金融等数据的可视化分析。

样式设置

样式设置包括 颜色设置，节点设置、动画设置、图表位置和图表尺寸。

颜色设置

颜色设置可设置节点颜色和线条颜色以及线条透明度。

节点颜色：可设置多个。

线条颜色：可设置为跟随节点，也可以自定义设置。

线条透明度：范围0-1，可以自定义设置。

节点设置

节点设置包含排列方向、节点宽度、节点间隔和节点描边线宽、节点描边颜色以及文本设置；

排列方向：可以设置为横向和纵向。

节点宽度：自行设置，单位为px

节点间隔：自行设置，单位为px

节点描边线宽：自行设置，单位为px

节点描边颜色：自行设置。

文本设置：包括字体，字号，字体粗细和字体颜色的设置。

动画设置

可以设置循环播放或者播放一次后停止，以及设置各个区域的停留时间，如下图所示：

图表位置

图表位置为图表左上角的位置坐标，通过横坐标和总左边的设置即可设置对应的图表位置。也可以通过选中图形后用鼠标拖曳到相应位置的方式设置图表位置。

图表尺寸

即显示的桑葚图的宽和高，通过设置相应的数字，调节桑葚图的大小。

数据设置

数据字段

数据字段包括：source,target和value

source：数据流出方；

target：数据流入方；

value：数据大小。

数据源类型

支持静态数据，API和数据库三种类型。操作流程图整体如下所示：

静态数据：

在下方表格中可输入或复制粘贴所需要的数据。其中，每一列数据对应一个数据字段，第一行为该列数据字段名，需要在上方进行映射设置。

目前，数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后，可以点击右键进行操作，也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是，会对该列或行全部选中，点击末尾的红色按钮可对该行或列进行删除操作，也可以点击右键对该行或列进行其他操作。

当点击红框内的放大按钮时，会出现如下图所示的输入窗口，方便用户进行操作。

在窗口中设置数据后，点击完成即可

点击下方的高级输入，可以切换到输入json格式数据模式。json数据样例如下。

[{"source":"a","target":"a1","value":5},{"source":"a","target":"a2","value":3},{"source":"b","target":"b1","value":8},{"source":"a","target":"b1","value":3},{"source":"b1","target":"a1","value":1},{"source":"b1","target":"c","value":2}]

API

在下方输入框中输入相应的网址即可，如下图所示：

数据库

选取相应的数据库类型后，选择对应数据库中的数据源名称。之后在下方输入框中输入简单的SQL语句即可实现数据的导入，之后查询数据响应结果，无误后确认设置即可。