當前為10.0版本文檔,更多實例內容將在最新幫助文檔中展現,點選跳轉至 最新版幫助文檔

樹形結構圖插件

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

附件列表


主題: 原簡體文檔
已經是第一篇
已經是最後一篇
  • 有幫助
  • 沒幫助
  • 只是瀏覽

文 檔回 饋

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

7s后關閉

反饋已提交

網絡繁忙