[发明专利]一种矩形树图组件的实现方法

说明书

本发明公开了一种矩形树图组件的实现方法，包括：搭建矩形树图的结构，包括：向矩形绘制函数中传入方向参数，通过判断方向参数的布尔值，来决定矩形的纵横；依据用户传入数据data的长度，矩形绘制函数循环调用自身，每循环绘制一次，方向参数取反，更换矩形绘制方向，直到完成矩形树图的结构搭建；将矩形树图的各个层级独立划分，实现各个层级模块的循环绘制；将矩形树图进行组件化，供用户引入并使用矩形树图组件。本发明采用设置方向参数并结合递归算法，解决绘制矩形树图时矩形起始坐标和排布方向难以确定，绘制方法和过程都较为复杂的问题；用户能够通过简单方式引入并使用矩形树图组件，有助于数据的可视化分析。

技术领域

本发明涉及计算机技术领域，具体的说，是一种矩形树图组件的实现方法。

背景技术

在计算机软件开发技术日趋完善的今天，人们对数据可视化需求不仅限于数据的可视化展示，逐渐对可视化所带来的视觉效果要求提高，为了满足人们对数据可视化的不同需求，各类图表组件库陆续出现。在现有技术中，对矩形树图的绘制采用的是利用二叉树算法来实现，虽然这样能实现矩形树图的绘制，对数据进行较好的可视化。但对于开发者而言，这种方式需要依次计算各个层级的区域面积及坐标位置，矩形起始坐标和排布方向难以确定，且实现过程极为复杂，大量的代码编写导致组件渲染方面性能较差以及效率较慢的问题。

发明内容

本发明的目的在于提供一种矩形树图组件的实现方法，用于解决现有技术中需要依次计算各个层级的区域面积及坐标位置，矩形起始坐标和排布方向难以确定，且实现过程极为复杂、效率低的问题。

本发明通过下述技术方案解决上述问题：

一种矩形树图组件的实现方法，包括：

步骤S1：搭建矩形树图的结构，包括：

步骤S11：向矩形绘制函数中传入方向参数，通过判断方向参数的布尔值，来决定矩形的纵横；

步骤S12：依据用户传入数据data的长度，矩形绘制函数循环调用自身，每循环绘制一次，方向参数取反，更换矩形绘制方向，直到完成矩形树图的结构搭建；

步骤S2：将矩形树图的各个层级独立划分，实现各个层级模块的循环绘制；

步骤S3：将矩形树图进行组件化，供用户引入并使用矩形树图组件。

进一步地，所述步骤S2具体为：在canvas绘制图表的基础上，将矩形树图的各个层级进行独立划分，并利用递归函数实现各个层级的循环绘制。

进一步地，所述步骤S3中将矩形树图组件化的方法为：采用组件化逻辑将矩形树图划分为用户模块、事件模块、视图模块和绘图模块，并进行封装和调用，实现矩形树图的组件化。

本发明与现有技术相比，具有以下优点及有益效果：

本发明采用设置方向参数并结合递归算法，解决绘制矩形树图时矩形起始坐标和排布方向难以确定，绘制方法和过程都较为复杂的问题；用户能够通过简单方式引入并使用矩形树图组件，有助于数据的可视化分析。

附图说明

图1是矩形树图递归绘制方法的实现示意图；

图2是递归绘制的树图实现可自定义引入所采用的业务逻辑示意图；

图3是用户引入矩形树图的实现步骤示意图。

具体实施方式

下面结合实施例对本发明作进一步地详细说明，但本发明的实施方式不限于此。

实施例1：

结合附图1所示，本发明提供一种矩形树图组件的实现方法，首先搭建矩形树图的结构，具体方案如下：