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

目录:

1. 概述编辑

1.1 版本

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

1.2 应用场景

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

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

Snag_347f8351.png

1.3 图表特点

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

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

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

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

2. 示例编辑

2.1 插件安装

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

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

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

2.2 插入图表

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

Snag_3483b309.png

2.3 数据准备

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

1590990627755911.png

2.4 数据绑定

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

1570689173455292.png


2.5 样式设置

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

Snag_348dedee.png

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

1570689761263076.png

2.6 特效设置

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

Snag_349143ef.png

2.7 效果预览

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

Snag_347f8351.png

注:不支持移动端。

3. 模板下载编辑

已完成模板参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\桑基图.frm

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