玩转可视化图表之矩形树图

一片好运来，两串爆竹响，散发好运气，四方来财气，五福升高空，六六都顺心，齐来迎春节，八方收和气，久久享福祉。今年是虎年，小编在这里给大家拜个晚年，祝大家在新的一年，十全十美。

看看小编在新年的第一篇文章，给你们带来什么干货。

铛铛铛铛，今天我为家人们带来的新组件——矩形树图、矩形树动画。矩形树图是用于描述考察对象之间数据指标的相对占比关系。

 

新的一年，惯例不能丢，为了让新人朋友们知道我们在说什么，我先来介绍一个可以与之互动的智能数据可视化平台，可以将各种数据报表分析的结果集成到平台的一个页面里，并将其投射到需要大屏上，实现大屏可视化。

流程走完，开始今天的重点矩形树图，进入新建页面，在其他图表这一栏中可以找到矩形树图，将他拖拽出来。

 通过下图不难看出，在矩形树图中，将各个模块的占比进行了划分，而且具有上下级关系的模块之间颜色相近、间隔更加紧密，没有联系的模块之间间隙较大，颜色也不同。

 当点击矩形树图的某个区域时会有路径显示，如下动图，点击了护士站，此时显示的{矩形树图-看诊-等待-护士站}便是该区域的路径。想返回最初状态时，只需点击路径头{矩形树图}，便可迅速返回到最初状态。

 接下来我们看看矩形树图的属性。我们主要看图层参数，在这里我们可以修改树图显示的颜色，让树图看起来更绚丽。还可以开启矩形图与旭日图动画，这样每隔一段时间就在两种图表之间进行切换。

 

这种切换的效果图也叫矩形树动画，可以直接拖拽此组件使用，也可以通过矩形树图来转换，用户按需求选择配置。

进入到数据界面，就可以对矩形树图里的数据进行操作。从下图不难看出 ，每一个节点都会有一个唯一编号，通过最后一列可以绑定一个编号，对应一个父节点，这样父节点一直的模块就会绑定在一起。中间两列分别对应模块的名称和数值，这样系统便可以进行分析生成合适的矩形树图。

最后我们用一个矩形树图设计一个大屏，来结束今天的的迪赛小课堂。

家人们还想看什么组件的欢迎在评论区里留言，我一定第一时间为大家解答。