桑基图插件

  • 文档创建者:ray到此一游
  • 编辑次数:15次
  • 最近更新:RosieY 于 2020-09-11
  • 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

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!