[發明專利]處理矩形樹圖的方法和裝置

在審

• 申請號: 201610052102.7
• 申請日: 2016-01-26
• 公開（公告）號: CN106997292A
• 公開（公告）日: 2017-08-01
• 發明（設計）人: 張鵬霄
• 申請（專利權）人: 北京國雙科技有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F17/30
• 代理公司: 北京鼎佳達知識產權代理事務所(普通合伙)11348
• 代理人: 王偉鋒,劉鐵生

技術領域

本發明涉及互聯網技術領域，尤其涉及一種處理矩形樹圖的方法和裝置。

背景技術

ECharts(Enterprise Charts)是一種商業級數據圖表庫，可提供直觀、生動、可交互以及可個性化定制的可視化數據圖表。基于ECharts中不同的控件可渲染出不同類型的圖表，例如，折線圖、柱狀圖、餅圖、熱力圖以及矩形樹圖等。其中，利用treemap控件可渲染出矩形樹圖。矩形樹圖由若干不同大小的矩形組成，且通過矩形樹圖可直觀看出同一組數據的對比。在實際應用中，每個矩形中都會顯示對應的矩形名稱，用戶可直觀獲知各個矩形所代表的數據；當鼠標光標移至某一矩形所在區域時，會在該矩形的上層顯示矩形名稱以及對應的取值，從而用戶可直觀獲知該矩形的取值。

然而，當矩形樹圖中某一矩形的寬度小于矩形名稱的長度時，無法在該矩形中顯示矩形名稱，只有當用戶將鼠標的光標移至該矩形區域時，才可在該矩形的上層顯示矩形名稱以及對應的取值。因此，當矩形樹圖中有多個矩形無法顯示矩形名稱時，用戶需要一一將鼠標光標移至對應的矩形區域，才可獲知矩形名稱，操作十分繁瑣。

發明內容

鑒于上述技術問題，本發明提出了一種處理矩形樹圖的方法和裝置，其目的在于解決現有技術中存在的以下問題：當矩形樹圖中某一矩形的寬度小于矩形名稱的長度時，無法在該矩形中顯示矩形名稱，并只有當用戶將鼠標的光標移至該矩形局域時，才可在該矩形的上層顯示矩形名稱以及對應的取值，從而當矩形樹圖中有多個矩形無法顯示矩形名稱時，用戶需要一一將鼠標光標移至對應的矩形區域，才可獲知矩形名稱，操作十分繁瑣。

一方面，本發明提供了一種處理矩形樹圖的方法，所述方法包括：

遍歷待顯示的矩形樹圖中的各個矩形，獲得遍歷的當前矩形的寬度、矩形名稱的文字樣式以及矩形名稱，所述文字樣式包括文字尺寸和文字間距；

根據所述當前矩形的寬度以及所述當前矩形的矩形名稱的文字樣式，確定所述當前矩形的行字數，所述行字數為矩形每行所能容納的文字個數；

若所述當前矩形的矩形名稱的字數大于所述行字數，則對所述當前矩形的矩形名稱進行換行處理；

在對所述矩形樹圖中各個矩形遍歷完畢后，顯示所述矩形樹圖。

另一方面，本發明提供了一種處理矩形樹圖的裝置，所述裝置包括：

遍歷單元，用于遍歷待顯示的矩形樹圖中的各個矩形，獲得遍歷的當前矩形的寬度、矩形名稱的文字樣式以及矩形名稱，所述文字樣式包括文字尺寸和文字間距；

確定單元，用于根據所述遍歷單元獲得的當前矩形的寬度以及所述當前矩形的矩形名稱的文字樣式，確定所述當前矩形的行字數，所述行字數為矩形每行所能容納的文字個數；

處理單元，用于當所述當前矩形的矩形名稱的字數大于所述確定單元確定的所述行字數時，對所述當前矩形的矩形名稱進行換行處理；

顯示單元，用于在所述處理單元對所述矩形樹圖中各個矩形遍歷完畢后，顯示所述矩形樹圖。

借由上述技術方案，本發明提供的處理矩形樹圖的方法和裝置，能夠在顯示矩形樹圖以前，先遍歷該矩形樹圖中的各個矩形，獲取遍歷的當前矩形的寬度、矩形名稱的文字樣式以及矩形名稱，并根據當前矩形的寬度以及當前矩形的矩形名稱的文字樣式，確定當前矩形的行字數(即當前矩形每行所能容納的文字個數)，然后當當前矩形的矩形名稱的字數大于行字數時，對當前矩形的矩形名稱進行換行處理，最后在對該矩形樹圖中的各個矩形遍歷完畢后，再顯示矩形樹圖。由此可知，當矩形名稱的長度大于矩形的寬度而無法單行顯示時，本發明可以對該矩形名稱先進行換行處理，再進行顯示，從而使得用戶能夠通過矩形樹圖直觀獲知各個矩形所代表的 數據，而無需用戶必須通過將鼠標光標移至矩形名稱的長度大于矩形寬度的矩形區域，才可獲知矩形名稱，進而簡化了用戶操作，提高了獲取矩形名稱的效率。

上述說明僅是本發明技術方案的概述，為了能夠更清楚了解本發明的技術手段，而可依照說明書的內容予以實施，并且為了讓本發明的上述和其它目的、特征和優點能夠更明顯易懂，以下特舉本發明的具體實施方式。

附圖說明

通過閱讀下文優選實施方式的詳細描述，各種其他的優點和益處對于本領域普通技術人員將變得清楚明了。附圖僅用于示出優選實施方式的目的，而并不認為是對本發明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：

圖1示出了本發明實施例提供的一種處理矩形樹圖的方法的流程圖；

圖2示出了本發明實施例提供的一種矩形樹圖顯示示意圖；