历史版本4 :树形结构图 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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