最新历史版本 :桑基图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

  设计器版本JAR 包版本  桑基图插件版本
11.02017-08-15  V1.3.2

1.2 应用场景

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

图中延伸的分支的宽度对应数据流量的大小,通常应用于能源、材料成分、金融等数据的可视化分析。

Snag_347f8351.png

1.3 图表特点

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

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

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

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

1.4 视频教程

[helpvideo]5501[/helpvideo]

2. 示例编辑

2.1 插件安装

点击下载插件:桑基图插件

设计器插件安装方法参照:设计器插件管理

服务器安装插件方法参照:服务器插件管理

2.2 插入图表

插件安装后,新建决策报表,将图表管理面板的桑基图拖拽到 body 组件中,如下图所示:

Snag_3483b309.png

2.3 数据准备

新建内置数据集 Embedded1,如下图所示:

1590990627755911.png

2.4 数据绑定

选中桑基图,右边属性面板点击数据,配置源、目标、数据值三个选项,且三个都为必填项。如下图所示:

1570689173455292.png

数据说明:不支持死循环数据。比如:A流向B,B再流向A,这样的数据不支持。


2.5 样式设置

桑基图有 6 个样式配置项,示例都采用默认设置,如下图所示:

Snag_348dedee.png

样式对应的前端展示效果如下图所示:

1570689761263076.png


提示框数值精度说明:提示框中数值精度为小数点后最多5位,格式如:280.32213


2.6 特效设置

桑基图支持设置交互动画,但是不支持条件显示,示例采用默认设置,如下图所示:

Snag_349143ef.png

2.7 效果预览

保存模板,点击PC端预览,效果如下图所示:

Snag_347f8351.png

注:1. 不支持移动端。

       2. 插件不支持IE8,且会影响其他模板正常工作,请使用IE8的用户不要下载或启用此插件

       3.需要排序的话,迭代系数需要调整成0

3. 模板下载编辑

点击下载模板:桑基图.frm