桑基圖插件

1.1 版本

1.2 應用場景

桑基圖 (Sankey Diagram)，是一種特定類型的流圖，用於描述一組值到另一組值的流向。

圖中延伸的分支的寬度對應數據流量的大小，通常應用於能源、材料成分、金融等數據的可視化分析。

1.3 圖表特點

• 起始流量和結束流量相同，所有主支寬度的總和與所有分出去的分支寬度總和相等，保持能量的平衡。

• 在内部，不同的線條代表了不同的流量分流情況，它的寬度成比例地顯示此分支占有的流量。

• 節點不同的寬度代表了特定狀态下的流量大小。

• 桑基圖通常應用於能源、材料成分、金融等數據的可視化分析。

2.1 插件安裝

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

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

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

2.2 插入圖表

插件安裝後，新建決策報表，将圖表管理面板的桑基圖拖拽到 body 組件中，如下圖所示：

2.3 數據準備

新建内置數據集 Embedded1，如下圖所示：

2.4 數據綁定

選中桑基圖，右邊屬性面板點擊數據，配置源、目标、數據值三個選項，且三個都爲必填項。如下圖所示：

2.5 樣式設置

桑基圖有 6 個樣式配置項，示例都采用默認設置，如下圖所示：

樣式對應的前端展示效果如下圖所示：

2.6 特效設置

桑基圖支持設置交互動畫，但是不支持條件顯示，示例采用默認設置，如下圖所示：

2.7 效果預覽

保存模板，點擊PC端預覽，效果如下圖所示：

注：1.不支持移動端。

      2.不支持IE8及以下版本

已完成模板參見：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\桑基圖.frm

點擊下載模板：桑基圖.frm