[發(fā)明專利]一種矩形樹圖組件的實(shí)現(xiàn)方法

有效

• 申請?zhí)枺?/td>: 202010162336.3
• 申請日: 2020-03-10
• 公開（公告）號(hào): CN111381822B
• 公開（公告）日: 2022-03-15
• 發(fā)明（設(shè)計(jì)）人: 李凡
• 申請（專利權(quán)）人: 四川長虹電器股份有限公司
• 主分類號(hào): G06F8/38
• 分類號(hào): G06F8/38
• 代理公司: 四川省成都市天策商標(biāo)專利事務(wù)所(有限合伙) 51213
• 代理人: 張秀敏

本發(fā)明公開了一種矩形樹圖組件的實(shí)現(xiàn)方法，包括：搭建矩形樹圖的結(jié)構(gòu)，包括：向矩形繪制函數(shù)中傳入方向參數(shù)，通過判斷方向參數(shù)的布爾值，來決定矩形的縱橫；依據(jù)用戶傳入數(shù)據(jù)data的長度，矩形繪制函數(shù)循環(huán)調(diào)用自身，每循環(huán)繪制一次，方向參數(shù)取反，更換矩形繪制方向，直到完成矩形樹圖的結(jié)構(gòu)搭建；將矩形樹圖的各個(gè)層級(jí)獨(dú)立劃分，實(shí)現(xiàn)各個(gè)層級(jí)模塊的循環(huán)繪制；將矩形樹圖進(jìn)行組件化，供用戶引入并使用矩形樹圖組件。本發(fā)明采用設(shè)置方向參數(shù)并結(jié)合遞歸算法，解決繪制矩形樹圖時(shí)矩形起始坐標(biāo)和排布方向難以確定，繪制方法和過程都較為復(fù)雜的問題；用戶能夠通過簡單方式引入并使用矩形樹圖組件，有助于數(shù)據(jù)的可視化分析。

技術(shù)領(lǐng)域

本發(fā)明涉及計(jì)算機(jī)技術(shù)領(lǐng)域，具體的說，是一種矩形樹圖組件的實(shí)現(xiàn)方法。

背景技術(shù)

在計(jì)算機(jī)軟件開發(fā)技術(shù)日趨完善的今天，人們對數(shù)據(jù)可視化需求不僅限于數(shù)據(jù)的可視化展示，逐漸對可視化所帶來的視覺效果要求提高，為了滿足人們對數(shù)據(jù)可視化的不同需求，各類圖表組件庫陸續(xù)出現(xiàn)。在現(xiàn)有技術(shù)中，對矩形樹圖的繪制采用的是利用二叉樹算法來實(shí)現(xiàn)，雖然這樣能實(shí)現(xiàn)矩形樹圖的繪制，對數(shù)據(jù)進(jìn)行較好的可視化。但對于開發(fā)者而言，這種方式需要依次計(jì)算各個(gè)層級(jí)的區(qū)域面積及坐標(biāo)位置，矩形起始坐標(biāo)和排布方向難以確定，且實(shí)現(xiàn)過程極為復(fù)雜，大量的代碼編寫導(dǎo)致組件渲染方面性能較差以及效率較慢的問題。

發(fā)明內(nèi)容

本發(fā)明的目的在于提供一種矩形樹圖組件的實(shí)現(xiàn)方法，用于解決現(xiàn)有技術(shù)中需要依次計(jì)算各個(gè)層級(jí)的區(qū)域面積及坐標(biāo)位置，矩形起始坐標(biāo)和排布方向難以確定，且實(shí)現(xiàn)過程極為復(fù)雜、效率低的問題。

本發(fā)明通過下述技術(shù)方案解決上述問題：

一種矩形樹圖組件的實(shí)現(xiàn)方法，包括：

步驟S1：搭建矩形樹圖的結(jié)構(gòu)，包括：

步驟S11：向矩形繪制函數(shù)中傳入方向參數(shù)，通過判斷方向參數(shù)的布爾值，來決定矩形的縱橫；

步驟S12：依據(jù)用戶傳入數(shù)據(jù)data的長度，矩形繪制函數(shù)循環(huán)調(diào)用自身，每循環(huán)繪制一次，方向參數(shù)取反，更換矩形繪制方向，直到完成矩形樹圖的結(jié)構(gòu)搭建；

步驟S2：將矩形樹圖的各個(gè)層級(jí)獨(dú)立劃分，實(shí)現(xiàn)各個(gè)層級(jí)模塊的循環(huán)繪制；

步驟S3：將矩形樹圖進(jìn)行組件化，供用戶引入并使用矩形樹圖組件。

進(jìn)一步地，所述步驟S2具體為：在canvas繪制圖表的基礎(chǔ)上，將矩形樹圖的各個(gè)層級(jí)進(jìn)行獨(dú)立劃分，并利用遞歸函數(shù)實(shí)現(xiàn)各個(gè)層級(jí)的循環(huán)繪制。

進(jìn)一步地，所述步驟S3中將矩形樹圖組件化的方法為：采用組件化邏輯將矩形樹圖劃分為用戶模塊、事件模塊、視圖模塊和繪圖模塊，并進(jìn)行封裝和調(diào)用，實(shí)現(xiàn)矩形樹圖的組件化。

本發(fā)明與現(xiàn)有技術(shù)相比，具有以下優(yōu)點(diǎn)及有益效果：

本發(fā)明采用設(shè)置方向參數(shù)并結(jié)合遞歸算法，解決繪制矩形樹圖時(shí)矩形起始坐標(biāo)和排布方向難以確定，繪制方法和過程都較為復(fù)雜的問題；用戶能夠通過簡單方式引入并使用矩形樹圖組件，有助于數(shù)據(jù)的可視化分析。

附圖說明

圖1是矩形樹圖遞歸繪制方法的實(shí)現(xiàn)示意圖；

圖2是遞歸繪制的樹圖實(shí)現(xiàn)可自定義引入所采用的業(yè)務(wù)邏輯示意圖；

圖3是用戶引入矩形樹圖的實(shí)現(xiàn)步驟示意圖。

具體實(shí)施方式

下面結(jié)合實(shí)施例對本發(fā)明作進(jìn)一步地詳細(xì)說明，但本發(fā)明的實(shí)施方式不限于此。

實(shí)施例1：

結(jié)合附圖1所示，本發(fā)明提供一種矩形樹圖組件的實(shí)現(xiàn)方法，首先搭建矩形樹圖的結(jié)構(gòu)，具體方案如下：