监管大屏系统_瞬间提升颜值！可视化大屏新图表，专治多维度展示杂症，送模板...

我发现，酷炫的大屏已经不能满足大家的需求了，不少人又对指标和维度数据的展示提出了新的困惑：

秉持着快速响应需求的态度，产品团队精心打造了——智慧树图，它不仅沿袭了扩展图表系列组件精致酷炫的视觉效果，在轮播、跳转等联动特效上，更是体现了数据展示的实用性，可谓是指标类大屏开发者的福音！

一、智慧树图介绍

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

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

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

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

当一个企业，或者一个大型项目的所有指标数据都要在同一个大屏设备上展示时，一张模板可能难以容下所有的数据。

如下图示例中的投资监管大屏，产权管理、保理业务和投资风险等维度完全可以单独填满一张大屏，此时，如何在一个大屏幕上展示多张模板成了困扰项目经理们的难题。

智慧树图拥有良好的视觉效果，可以作为大屏展示系统首张模板的主体，结合联动效果，点击智慧树维度跳转到对应的模板。这样，几张模板就巧妙地构成了一个完整的“线上监管系统”啦！

(3)两种样式可选

智慧树同样拥有游戏级的酷炫效果，并且有“电子”和“模型”两种风格可选。

电子效果偏重科技风格，象征着企业的创新和数字化，模型效果则更古朴醇厚，可以衬托企业的文化底蕴。

加载动画是一根光柱冲出成为树干的同时，一片数字散落成树枝，让大屏加载的等待过程不再漫长乏味。

(4)可配置项全面

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

大部分图表增设了可配置项，智慧树图也不例外，无论是树体、气泡和标签字体的颜色，还是背景的动效和填充，都可以随需自定义。

二、关键步骤教程

智慧树图联动、跳转的步骤并不复杂。

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

• 首先，为智慧树图确定几个展示维度，显示在气泡中
• 其次，设置好被联动的组件；
• 最后，在特效中开启图形轮播，并添加JS链接。

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

同样确定好智慧树图的展示维度；其次制作好气泡跳转到的模板，与智慧树图所在主模板放在同一文件夹下：

三、模板

还是感觉操作步骤繁琐，想要一个案例模板？

看评论，主模板+7个子模板，而且这套模板和数据均来自真实的业务案例改编，拥有极高的参考价值！