# 创建桑基图表

桑基图（桑基图）可让您将特定类型的流程图添加至您编辑的工作表。图表以可视方式突显定义的系统边界中的主要转移或流动。图表箭头的宽度以和流动数量成比例的方式示出。桑基图包括在可视化捆绑中。有关更多信息，请参阅[Visualization bundle](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/visualization-bundle.htm)。

您可以在编辑的工作表上创建雷达图。

执行以下操作：

1. 在资产面板中，打开 图表。
2. 在可视化下，将一个桑基图对象拖动到工作表。
3. 单击顶部添加维度按钮并为图表的流程选择源维度（出现在左侧）。
4. 单击第二个添加维度按钮以为图表的流程选择目标维度（出现在右侧）。
5. 单击添加度量按钮以选择图表的度量。

一旦选择了维度和度量，桑基图就会自动（使用颜色）显示在图表字段中。

## 添加额外维度

在数据 &gt; 维度下的属性面板中，您最多可将五个维度添加至自己的图表。图表更新以反映添加的维度。维度从左至右显示，第一个输入的维度总是为源维度。目标维度总是显示在右侧。在您添加更多维度时，它们会以输入它们的顺序添加至右侧。

带三个维度的图表：源维度（原点）、目标维度（决策）和一个额外维度（目标）。

带三个维度的图表：源维度（原点）、目标维度（决策）和一个额外维度（目标）。

带三个维度的图表：源维度（原点）、目标维度（决策）和一个额外维度（目标）。 ![带三个维度的桑基图。](<https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/2018-11-20 11_33_01-Microsoft Edge_691x383.png>)

## 排序

桑基图元素从最大到最小流自动排序。您可在属性窗格中更改排序顺序。

执行以下操作：

1. 单击属性面板中的外观下的排序。
2. 将排序从自动切换为自定义。
3. 您可切换以数值方式排序：
   * 打开：按升序或降序以数值方式排序。
   * 关闭：将维度和测量拖动成所需顺序。

## 更改样式设定和外观

您可用一个或多个功能自定义自己的图表。您的图表自动更新。

### 链接颜色

图表链接的颜色基于源或目标锚。要使用字符串 ='SOURCE' 或 ='TARGET' 将源或目标锚颜色应用至图表链接。您还可通过输入颜色代码字符串选择单独颜色。颜色应当为有效的 CSS 色。

执行以下操作：

1. 单击属性面板中的外观下的演示。
2. 在链接颜色下输入适用的字符串。
3. 按 Enter 并且图表更新。

您还可使用表达式编辑器 (the 打开表达式编辑器 icon) 中的表达式更改链接颜色。还可将具有其强度（基于链接代表的维度值的利润值 %）的链接着色。

示例：

输入字符串 `=rgb(round(Avg ([Margin %])*255), 100, 100)`，其中利润值 % 是介于 0-1 之间的值，并且链接在图表中将显示为红色。

### 链接不透明度

您可通过移动属性面板中外观 &gt; 链接不透明度下的链接不透明度滑块的滑动按钮来调节链接不透明度。另外，将不透明度设置为 1（最右侧）也可让设置投下阴影，让链接具备更加独特的外观。

### 节点颜色

您可更改每个维度值的节点颜色。颜色应当为有效的 CSS 色。

执行以下操作：

1. 在属性面板的数据 &gt; 维度下选择适当的维度。

2. 在节点颜色下输入颜色代码字符串并按 Enter。图表将更新。

   例如：要使用颜色 Aqua (`#00ffff`)，将颜色代码字符串设置为 `='#00ffff'`。您还可在表达式编辑器 (the 打开表达式编辑器 icon) 中使用表达式设定节点颜色。

   ![通过表达式着色的区域维度值。](<https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/2018-11-20 11_39_03-Microsoft Edge_651x328.png>)

### 节点填补和宽度

您可设置节点之间的垂直距离（“节点填补”）和图表节点的水平宽度（“节点宽度”）。

执行以下操作：

1. 单击属性面板中的外观下的演示。
2. 移动节点填补和/或节点宽度滑块的适当滑动按钮以调节节点设置。

## 使用样式面板进一步自定义外观

在属性面板中的外观下有大量样式设定按钮可供您使用。

单击外观&gt;演示文稿下的the 样式 icon以进一步自定义图表的样式。样式面板包含常规和图表选项卡下的各个部分。

您可以通过单击每个部分旁的 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 重置样式。单击 ![重置](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 全部重置可重置样式面板中所有可用标签的样式。

有关设置单个可视化样式的常规信息，请参见[将自定义样式应用于可视化](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。

### 自定义文本

可以在外观 &gt; 常规下设置标题、副标题和脚注的文本。若要隐藏这些元素，请关闭显示标题。

图表上不同标签的可见性取决于特定于图表的设置和标签显示选项。这些可以在属性面板中进行配置。

您可以设置图表中显示的文本的样式。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon。

3. 在常规选项卡上，设置以下文本元素的字体、强调样式、字体大小和颜色：

   * 标题

   * 副标题

   * 脚注

4. 在图表选项卡上，设置以下文本元素的字体、字体大小和颜色：

   * 节点标题：为图表中的每个节点设置标题文本样式。

   * 节点标签：为显示节点的各个值的标签设置文本样式。

### 自定义背景

可以自定义图表的背景。可以通过颜色和图像来设置背景。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon 。

3. 在样式面板的一般选项卡上，您可以选择背景颜色（单色或表达式）。您也可将背景设置为媒体库或 URL 中的图像。

   信息注释

   要从 URL 添加背景图像，必须将来源添加到租户的内容安全策略中的允许列表中。使用 img-src 指令添加来源。这由管理员在 Administration 活动中心完成。

   有关更多信息，请参阅[创建 CSP 条目](https://help.qlik.com/zh-CN/cloud-services/Subsystems/Hub/Content/Sense_Hub/Admin/mc-administer-content-security-policy.htm#AddEntry)。

   使用背景色时，请使用滑块调整背景的不透明度。

   使用背景图像时，可以调整图像大小和位置。

### 自定义边框和阴影

您可以自定义图表的边框和阴影。

执行以下操作：

1. 在属性面板中，展开外观部分。

2. 在外观 &gt; 展示下，单击 the 样式 icon。

3. 在样式面板的常规选项卡上的边框下，调整轮廓大小以增加或减少图表周围的边框线。

4. 选择边框的颜色。

5. 调整拐角半径以控制边框的圆度。

6. 在常规选项卡的阴影下，选择阴影大小和颜色。选择无以移除阴影。