提问
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,极速登录

图表新成员——树形结构图

JerrySong 社区微信达人 版主
发表于 2019-7-11 21:09:51 | 显示全部楼层 |取消关注该作者的回复
用户可通过指定数据的id以及上级id来生成对应的树形结构,就算对图表有定制化的需求,也可以通过配置选项:面包屑导航,缩放功能,以及个性化的配色配置(包括部门名称背景颜色,部门文字颜色,伸展功能按钮的颜色,边框颜色,连线颜色,以及选中状态的颜色等),设计出你想要的树形结构图。


树状结构图.GIF


【功能介绍】
  • 通过id及上级id,自定义数据上下级关系
  • 对显示效果可精细化设置颜色,满足不同视觉需求
  • 面包屑导航,显示当前节点的完整路径


【下载方式】
  • 打开FineReport设计器,在“服务器——插件管理——应用商城”中搜索“树形结构图”安装下载
  • 进入帆软市场安装下载,搜索“[color=rgba(10, 18, 32, 0.64)]树形结构图”安装下载

【使用说明】
1.安装“树形结构图”插件。
2.打开设计器,发现在图表中多了“树形结构图”的logo。

1.jpg

3.将其直接拖入报表(或插入悬浮元素),为其设置数据,如下图,有一个根节点,其余子节点对应挂载其上级id所在节点上。

2.jpg

4.点击图表,在数据配置中选好字段。

截图201907112101181791.png

5.在样式中设置好想要的颜色。

截图201907112102182796.png

截图201907112102439411.png

6.点击预览即可展现所有节点,也可点击节点下测中央,将隶属于此节点的子节点展开/收起。鼠标滚轮可放大缩小,拖动树状图也可移动位置。

截图201907112105446351.png

7.点击某一节点,图表左上角即会显示此节点的完整路径。

截图201907112109034527.png

【2018插件开发大赛】更多获奖插件,欢迎体验:2018插件开发大赛成果首秀——文档在线预览控件
编辑于 2019-7-11 21:12  
此帖共有 146 位番薯登录后查看
回复

使用道具 举报

JerrySong 社区微信达人 版主
发表于 2019-7-12 09:19:48 | 显示全部楼层 |取消关注该作者的回复
欢迎大家下载使用哈
  • 评论

回复 支持 反对

使用道具 举报

Doctor_Wei 社区微信达人 渐入佳境(Lv2)
发表于 2019-7-12 09:35:27 | 显示全部楼层 |取消关注该作者的回复
有个小问题,就是那个标题可不可以跟其他图表一样,空的时候就是不占空间的,现在这样看是占空间的
  • 评论

回复 支持 反对

使用道具 举报

JerrySong 社区微信达人 版主
发表于 2019-7-12 11:48:43 | 显示全部楼层 |取消关注该作者的回复
Doctor_Wei 发表于 2019-7-12 09:35
有个小问题,就是那个标题可不可以跟其他图表一样,空的时候就是不占空间的,现在这样看是占空间的

好的,我和开发者反馈一下
  • 评论

回复 支持 反对

使用道具 举报

hivenson 社区微信达人 渐入佳境(Lv2)
发表于 2019-7-12 16:34:15 | 显示全部楼层 |取消关注该作者的回复
很不錯的功能
  • 评论

回复 支持 反对

使用道具 举报

JerrySong 社区微信达人 版主
发表于 2019-7-15 11:04:47 | 显示全部楼层 |取消关注该作者的回复

感谢鼓励,欢迎使用
  • 评论

回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册  

本版积分规则

联系管理员@饭团君|联系帆软|免责声明|手机版|帆软社区|Copyright © 帆软软件有限公司 ( 苏ICP备14031611号-3 )

GMT+8, 2019-10-19 10:22 , Processed in 0.374728 second(s), 96 queries , Gzip On.

返回顶部 返回列表