# 桑基圖 桑基圖 (桑基圖) 可讓您將特定類型的流程度新增至編輯中的工作表。該圖表以視覺方式強調限定系統界線內的重大移轉或流程。會按照流程數量，以適當比例顯示圖表箭頭的寬度。桑基圖包括在視覺化搭售內。 * 至少需要兩個維度和一個量值。您最多可以使用五個維度，但只能使用一個量值。 * 維度在圖表每一側的大小不必相等。 * 您可以使用維度值設定圖表中的流程色彩。 * 連結色彩能以來源或目標錨點為基礎。 圖表具有來源維度 (季) 和目標維度 (年)。 圖表具有來源維度 (季) 和目標維度 (年)。 圖表具有來源維度 (季) 和目標維度 (年)。 ![具有來源和目標維度的桑基圖]() [Sankey Chart](https://play.vidyard.com/4wj7qQHGuJS3KUJYkzALEq) ## 什麼情況下使用 若您想要在整體流程中找出最重要的貢獻，則桑基圖十分實用。若您想要顯示設定系統界線內維持的特定數量，該圖表也十分有幫助。 ## 建立桑基圖表 您可以在編輯的工作表上建立桑基圖。 請執行下列動作： 1. 在資產面板中，開啟自訂物件 > Visualization bundle 並將桑基圖物件拖曳至工作表。 2. 按一下頂端的新增維度按鈕並選取圖表流程的來源維度 (顯示在左側)。 3. 按一下第二個新增維度按鈕，以選取圖表流程的目標維度 (顯示在右側)。 4. 按一下新增量值按鈕以選取圖表的量值。 選取維度和量值後，桑基圖表就會自動 (依色彩) 顯示在圖表欄位中。 ## 新增其他維度 您可以在資料 > 維度之下的屬性面板中將最多五個維度新增至圖表。圖表會更新，以反映新增的維度。維度會從左至右顯示，第一個輸入的維度永遠是來源維度。目標維度永遠顯示在右側。新增其他維度時，會以輸入順序新增至右側。 含有三個維度的圖表：來源維度 (原始)、目標維度 (決定) 和一個其他 (目的地)。 含有三個維度的圖表：來源維度 (原始)、目標維度 (決定) 和一個其他 (目的地)。 含有三個維度的圖表：來源維度 (原始)、目標維度 (決定) 和一個其他 (目的地)。![含有三個維度的桑基圖。]() ## 排序 桑基圖元素會從最大到最小自動排序。您可在屬性窗格中變更排列順序。 請執行下列動作： 1. 在屬性面板中按一下外觀之下的排序。 2. 將排序從自動切換至自訂。 3. 您可以切換依數字排序： * 切換開啟：依數字遞增或遞減排序。 * 切換關閉：並按照所需順序拖曳維度和量值。 ## 變更樣式和外觀 您可以透過一個或多個功能自訂圖表。您的圖表會自動更新。 ### 連結色彩 圖表連結色彩以來源或目標錨點為基礎。若要將來源或目標錨點色彩套用至圖表連結，請使用字串 ='SOURCE' 或 ='TARGET'。您也可以輸入色彩代碼字串，以選取獨立的色彩。色彩應為有效的 CSS 色彩。 請執行下列動作： 1. 在屬性面板中按一下外觀之下的呈現。 2. 在連結色彩之下輸入適用字串。 3. 按下 Enter，圖表就會更新。 您也可以使用運算式編輯器 (the 開啟運算式編輯器 icon) 中的運算式變更連結色彩。也可以根據所呈現的維度值邊界 %，為具有強度的連結上色。 範例： 輸入字串 `=rgb(round(Avg ([Margin %])*255), 100, 100)`，其中 Margin % 是 0-1 之間的值，連結就會在圖表中以紅色顯示。 ### 連結不透明度 您可以在屬性面板中的外觀 > 連結不透明度之下移動連結不透明度滑桿的滑動按鈕，以調整連結不透明度。此外，將不透明度設定為 1 (最右側) 可設置陰影，讓連結有更獨特的外觀。 ### 節點色彩 您可以變更每個維度值的節點色彩。色彩應為有效的 CSS 色彩。 請執行下列動作： 1. 在屬性面板中的資料 > 維度之下選取適用維度。 2. 在節點色彩之下輸入色彩代碼字串，並按下Enter。圖表將會更新。 例如：若要使用色彩青色 (`#00ffff`)，請將色彩代碼字串設定為 `='#00ffff'`。您也可以使用運算式編輯器 (the 開啟運算式編輯器 icon) 中的運算式設定節點色彩。 ![透過運算式著色的區域維度值。]() ### 節點間距和寬度 您可以設定節點之間的垂直距離 (「節點間距」) 和圖表節點的水平寬度 (「節點寬度」)。 請執行下列動作： 1. 在屬性面板中按一下外觀之下的呈現。 2. 移動節點間距和/或節點寬度滑桿的適用滑動按鈕，以調整節點設定。 ## 使用樣式面板進一步自訂外觀 在屬性面板的外觀之下提供一些樣式選項。 按一下外觀 > 呈現之下的 the 樣式 icon以進一步自訂圖表樣式。樣式面板在一般和圖表索引標籤之下包含各種區段。 您可以按一下每個區段旁邊的 ![重設](https://help.qlik.com/zh-TW/sense/May2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg) 以重設樣式。按一下 ![重設](https://help.qlik.com/zh-TW/sense/May2025/Subsystems/Hub/Content/Resources/Images/Icons/reset.svg)全部重設可在樣式面板中重設所有可用索引標籤的樣式。 如需關於設定個別視覺化樣式的一般資訊，請參閱 [將自訂樣式套用至視覺化](https://help.qlik.com/zh-TW/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/style-visualization.htm)。 ### 自訂文字 您可以在外觀 > 一般之下設定標題、子標題和註腳的文字。若要隱藏這些元素，關閉顯示標題。 圖表上不同標籤的可見性取決於圖表特定設定和標籤顯示選項。可在屬性面板中設定這些內容。 您可以設定顯示在圖表中的文字樣式。 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon。 3. 在一般索引標籤，設定下列文字元素的字型、強調樣式、字型大小和色彩： * 標題 * 副標題 * 註腳 4. 在圖表索引標籤，設定下列文字元素的字型、字型大小和色彩： * 節點標題：為圖表中的每個節點設定標頭的文字樣式。 * 節點標籤：設定顯示個別節點值的標籤文字樣式。 ### 自訂背景 您可以自訂圖表的背景。可依色彩和影像設定背景。 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon 。 3. 在樣式面板的一般索引標籤，您可以選取背景色彩 (單一色彩或運算式)。您也可以從媒體庫或 URL 將背景設定為影像。 使用背景色彩時，使用滑桿調整背景的不透明度。 使用背景影像時，您可以調整影像大小和位置。 ### 自訂框線和陰影 您可以自訂圖表的框線和陰影。 請執行下列動作： 1. 在屬性面板中，展開外觀區段。 2. 在外觀 > 呈現之下，按一下 the 樣式 icon。 3. 在樣式面板的一般索引標籤，於框線 之下，調整外框大小，以增加或減少圖表周圍的框線。 4. 選取框線色彩。 5. 調整圓角半徑以控制框線的圓度。 6. 在一般索引標籤的陰影之下，選取陰影大小和色彩。選取無以移除陰影。 ## 限制 如需一般限制的資訊，請參閱 [限制](https://help.qlik.com/zh-TW/sense/May2025/Subsystems/Hub/Content/Sense_Hub/Visualizations/VisualizationBundle/visualization-bundle.htm#Limitati)。 相關學習: * [如何設定視覺化搭售桑基圖？](https://help.qlik.com/lnk/How_configure_Visualization_Bundle_Sankey_chart) ## 瞭解更多資訊 * [如何設定視覺化搭售桑基圖？](https://help.qlik.com/lnk/How_configure_Visualization_Bundle_Sankey_chart)