【智慧树图】这个大屏新功能,专治指标展示疑难杂症!

楼主
FVS产品运营
上次推出的扩展图表V4.0-场景切换地图满足了大家对酷炫大屏效果的需求,紧接着,不少番薯又针对指标和维度数据的展示提出了新的困惑:
  
秉持着快速响应客户需求的态度,产品团队精心打造了本文的主角——智慧树图,它不仅沿袭了扩展图表系列组件精致酷炫的视觉效果,在轮播、跳转等联动特效上,更是体现了数据展示的实用性,可谓是指标类大屏开发者的福音!
先来看看这两种效果吧:


一、智慧树图介绍

(1)两大联动效果,指标管理更简单

智慧树图由树干和树枝上的气泡两部分组成,气泡用来展示数据的维度信息。气泡可以自动轮播时联动其它组件,让同模板的其它图表切换到与气泡相同维度的数据;

也可以鼠标点击跳转到其它页面,显示该维度下的详细指标数据。两种联动效果随需选择,让指标管理变得更清晰简单。

(2)整合多张模板,构建大屏系统门户

当一个企业,或者一个大型项目的所有指标数据都要在同一个大屏设备上展示时,一张模板可能难以容下所有的数据。如下图示例中的投资监管大屏,产权管理、保理业务和投资风险等维度完全可以单独填满一张大屏,此时,如何在一个大屏幕上展示多张模板成了困扰项目经理们的难题。
智慧树图拥有良好的视觉效果,可以作为大屏展示系统首张模板的主体,结合联动效果,点击智慧树维度跳转到对应的模板。这样,几张模板就巧妙地构成了一个完整的“线上监管系统”啦!

(3)两种样式可选

作为扩展图表系列的又一力作,智慧树同样拥有游戏级的酷炫效果,并且有“电子”和“模型”两种风格可选。


电子效果偏重科技风格,象征着企业的创新和数字化;模型效果则更古朴醇厚,可以衬托企业的文化底蕴。加载动画是一根光柱冲出成为树干的同时,一片数字散落成树枝,让大屏加载的等待过程不再漫长乏味。

(4)可配置项全面

不少客户提出,3D图表的视觉效果虽好,但字体、色彩等可配置的选项太少了,限制到了大屏开发的风格。


本次更新的扩展图表插件V4.2已经为大部分图表增设了可配置项,智慧树图也不例外,无论是树体、气泡和标签字体的颜色,还是背景的动效和填充,都可以随需自定义。

二、关键步骤教程

智慧树图联动、跳转的步骤并不复杂,心动的小伙伴快点击下载扩展图表V4.2试试吧!
注意!FineReport设计器要求是10.0且是2019.12.10以后的jar版本哦!

(1)智慧树联动其它组件

首先,为智慧树图确定几个展示维度,显示在气泡中;
其次,设置好被联动的组件;
最后,在特效中开启图形轮播,并添加JS链接。
如果被轮播联动的是tab块,参考此文档书写JS语句JS实现联动切换tab块

如果被轮播联动的是图表块里的多张图表,参考此文档书写JS语句JS实现联动切换图表


(2)超链接跳转其它模板

同样确定好智慧树图的展示维度;其次制作好气泡跳转到的模板,与智慧树图所在主模板放在同一文件夹下;
最后,参考此文档书写JS跳转到维度对应的模板JS实现点击跳转到其它页面

三、精美模板免费领取

还是感觉操作步骤繁琐,想要一个案例模板?这个要求小编已经考虑到啦~点击下方链接下载上述“投资银行在线监管系统”demo打包主模板+7个子模板,下一得八超划算~而且这套模板和数据均来自真实的业务案例改编,拥有极高的参考价值!

智慧树图可免费试用,但是大家下载模板前别忘了下载或更新到扩展图表V4.2版本,否则无法获取到智慧树图(注意:设计器和服务器端都需要更新,内网环境请在帆软市场下载最新安装包,选择从本地安装。插件的具体使用方法请参照帮助文档)。
编辑于 2020-11-16 10:34  
编辑于 2020-11-17 16:59  
分享扩散:

沙发
发表于 2020-11-16 11:45:09
板凳
发表于 2020-11-17 10:45:50
这棵树长得真帅
地板
发表于 2020-11-17 10:49:03
66666
5楼
发表于 2020-11-17 15:52:53
树上长猫的感觉,我喜欢
6楼
发表于 2020-11-17 16:52:06
秀啊,很好
7楼
发表于 2020-11-18 17:21:23
8楼
发表于 2020-11-18 17:51:28
智慧树其实就相当于是一个导航栏吗
9楼
发表于 2020-11-18 17:52:20
有没有让几个大屏来回自动轮播的插件?
10楼
发表于 2020-11-18 17:59:44
11楼
发表于 2020-11-24 15:54:53
12楼
发表于 2020-11-29 10:04:13
好东西,学习了
13楼
发表于 2020-12-8 16:48:30
牛。学习!
14楼
发表于 2020-12-15 15:23:33
指标复杂、数据量大的大屏客户,可以向这边大佬请教下,可以优化大屏加载速度的噢!https://bbs.fanruan.com/thread-134128-1-1.html
15楼
发表于 2021-2-7 17:05:04
不用JS能不能实现点节点页面切换
16楼
发表于 2021-5-12 11:32:48
这个东西挺好的 编辑于 2021-5-12 11:43  
17楼
发表于 2021-7-16 14:49:22
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

返回顶部 返回列表