桑基圖

1.1 版本

1.2 應用場景

桑基圖 (Sankey Diagram)，是一種特定類型的流圖，用於描述一組值到另一組值的流向，適合展示能量、資源、資金等在多個狀態或階段之間的流動和分配情況。

桑基圖的起始流量和結束流量相同，所有主支寬度的總和與所有分出去的分支寬度總和相等，保持能量的平衡。在內部，不同的線條代表了不同的流量分流情況，它的寬度成比例地顯示此分支佔有的流量。節點不同的寬度代表了特定狀態下的流量大小。圖中延伸的分支的寬度對應資料流量的大小，通常應用於能源、材料成分、金融等資料的視覺化分析。

1.3 功能介紹

帆軟提供「桑基圖」插件，主要用於展示資料在不同節點間的流向和分佈情況。

• 支援提示框跟隨滑鼠位置行動。

• 支援自訂標題、標籤、節點、線條樣式。

• 不支援 IE8 瀏覽器，且會影響其他範本正常工作，使用 IE8 的使用者不要下載或啟動此插件。
  

• 不支援行動端。

2.1 插件安裝

點選下載插件：桑基圖插件

設計器插件安裝方法參照：設計器插件管理

伺服器安裝插件方法參照：伺服器插件管理

2.2 功能入口

1）普通報表

被選儲存格，點選上方工具欄插入圖表按鈕，即可插入「桑基圖」。如下圖所示：

2）FVS視覺化看板

在 FVS 中新增表格組件。編輯表格，上方工具欄中選擇插入圖表，在圖表類型視窗，選擇「桑基圖」，如下圖所示：

注：FVS，僅支援在「表格組件」中插入桑基圖使用，不支援直接在「圖表組件」中使用桑基圖。

3）決策報表

在決策報表上方的圖表工具欄，選擇桑基圖圖示，即可新增，如下圖所示：

注：決策報表，支援在報表塊或圖表塊中使用桑基圖。

2.3 屬性設定

2.3.1 資料

資料來源支援「資料集資料」、「儲存格資料」。

注：不支援死循環資料。例如：A 流向 B，B 再流向 A。

2.3.2 樣式

支援配置標題、標籤、節點、線條、其他、提示框

具體說明如下表所示：

樣式	說明	圖示
標題	支援配置主標題、副標題 支援自訂：是否顯示、正文、位置、標題樣式、背景顏色
標籤	支援配置標籤：是否可見、位置、是否顯示節點名稱和值、標籤樣式、顏色
節點	支援自訂：對齊方式、節點寬度和間隙、節點邊框寬度和顏色 「迭代係數」：用來不斷優化圖中節點的位置，以減少節點和邊之間的相互遮蓋。 注：需對節點進行排序時，可將迭代次數設定為 0。 點選「開啟陰影」，可在彈框中對節點陰影進行自訂配置。
線條	線條顏色支援依照節點顏色設定，也支援自訂配色 支援自訂顏色透明度、線條彎曲程度 指標懸浮透明度：指正懸浮時線條的透明度，配置該項可實現凸顯效果
其他	調整整個組件的位置和大小	-
提示框	調整提示框的懸浮位置、正文樣式和背景顏色 支援提示框跟隨滑鼠位置行動 注：提示框中數值精度為小數點後最多5位，格式如：280.32213

2.3.3 特效

支援設定互動畫，暫不支援條件顯示。

3.1 建立報表

1）建立一張普通報表。

2）建立一個內建資料集，數據集內容如下圖所示，設定後點選「確定」。

3.2 插入圖表

1）將儲存格調整到合適大小，被選儲存格。

2）點選上方工具欄插入圖表按鈕，插入「桑基圖」。

3.3 設定圖表屬性

3.3.1 資料

1）選中圖表所在儲存格，點選「儲存格元素」。

2）設定「資料」

• 設定資料來源為「資料集資料」，資料集為「Embedded1」

• 源為「source」，目標為「target」，值為「value」

3.3.2 樣式

1）標題

• 主標題：桑基圖

• 副標題：Sankey Diagram

• 其餘屬性預設設定即可
  

2）標籤、節點、線條、其他、提示框預設設定即可。

3.3.3 特效

預設設定即可。

3.4 效果預覽

儲存報表，點選「分頁預覽」，效果如下圖所示：

注：不支援行動端。

點選下載範本：桑基圖.cpt