树形结构图插件

  • 文档创建者:caott666
  • 编辑次数:4次
  • 最近更新:Leo.Tsai 于 2020-03-24
  • 1. 概述

    1.1 版本

    报表服务器版本

    JAR 包版本

    插件版本

    10.02017-08-15
    V1.4.0
    9.0
    8.0

    1.2 应用场景

    现在提供树形结构图插件,使用树状结构显示数据上下层关系,效果如下图所示:

    Snag_19e53d24.png

    1.3 功能介绍

    • 用户通过指定数据的 id 以及上级 id,来生成对应的树形结构,需要注意的是,本插件只能实现单一根节点的树形结构。

    • 配置选项:面包屑导航,缩放功能,以及个性化的配色配置。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:树形结构图插件

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

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

    2.2 操作方法

    打开设计器,点击图表,选择树形结构图插件,拖拽至相应的 frm 报表。

    QQ图片20200323224500.png

    2.3 属性设置

    2.3.1 数据

    注:暂不支持单元格数据。

    1)数据集数据

    2020-03-23_22-46-51.png

    2.3.2 样式

    1)基本

    此处可设置标题及颜色、标题背景、是否开启缩放、是否显示导航。

    2020-03-23_22-47-16.png

    2)样式

    此处可设置名称文字颜色、背景颜色、内容文字颜色、图标颜色、边框、连线、选中颜色。

    2020-03-23_22-47-39.png

    3. 示例

    3.1 数据准备

    新建如下图所示内置数据集,重命名为公司组织架构

    2020-03-23_23-02-43.png

    3.2 报表设计

    1)新建决策报表,修改body组件布局方式为绝对布局,将树形结构图拖拽到报表设计主体中,调整树形结构图的框体大小。

    QQ图片20200323230959.png

    2)如下图绑定好树形结构图的数据信息。

    2020-03-23_23-03-12.png

    3)基本

    可设置标题及颜色、标题背景、是否开启缩放、是否显示导航。

    2020-03-23_23-03-37.png

    4)样式

    此处可根据需要选择,此处可按照默认选项。

    2020-03-23_23-04-01.png

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\demo\other\树形结构图插件.frm

    点击下载模板:树形结构图插件.frm

    附件列表


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