本發(fā)明涉及互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其涉及一種處理矩形樹圖的方法和裝置。

背景技術(shù)：

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

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

技術(shù)實(shí)現(xiàn)要素：

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

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

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

根據(jù)所述當(dāng)前矩形的寬度以及所述當(dāng)前矩形的矩形名稱的文字樣式，確定所述當(dāng)前矩形的行字?jǐn)?shù)，所述行字?jǐn)?shù)為矩形每行所能容納的文字個數(shù)；

若所述當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于所述行字?jǐn)?shù)，則對所述當(dāng)前矩形的矩形名稱進(jìn)行換行處理；

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

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

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

確定單元，用于根據(jù)所述遍歷單元獲得的當(dāng)前矩形的寬度以及所述當(dāng)前矩形的矩形名稱的文字樣式，確定所述當(dāng)前矩形的行字?jǐn)?shù)，所述行字?jǐn)?shù)為矩形每行所能容納的文字個數(shù)；

處理單元，用于當(dāng)所述當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于所述確定單元確定的所述行字?jǐn)?shù)時，對所述當(dāng)前矩形的矩形名稱進(jìn)行換行處理；

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

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

上述說明僅是本發(fā)明技術(shù)方案的概述，為了能夠更清楚了解本發(fā)明的技術(shù)手段，而可依照說明書的內(nèi)容予以實(shí)施，并且為了讓本發(fā)明的上述和其它目的、特征和優(yōu)點(diǎn)能夠更明顯易懂，以下特舉本發(fā)明的具體實(shí)施方式。

附圖說明

通過閱讀下文優(yōu)選實(shí)施方式的詳細(xì)描述，各種其他的優(yōu)點(diǎn)和益處對于本領(lǐng)域普通技術(shù)人員將變得清楚明了。附圖僅用于示出優(yōu)選實(shí)施方式的目的，而并不認(rèn)為是對本發(fā)明的限制。而且在整個附圖中，用相同的參考符號表示相同的部件。在附圖中：

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

圖2示出了本發(fā)明實(shí)施例提供的一種矩形樹圖顯示示意圖；

圖3示出了本發(fā)明實(shí)施例提供的一種處理矩形樹圖的裝置的組成框圖；

圖4示出了本發(fā)明實(shí)施例提供的另一種處理矩形樹圖的裝置的組成框圖。

具體實(shí)施方式

下面將參照附圖更詳細(xì)地描述本公開的示例性實(shí)施例。雖然附圖中顯示了本公開的示例性實(shí)施例，然而應(yīng)當(dāng)理解，可以以各種形式實(shí)現(xiàn)本公開而不應(yīng)被這里闡述的實(shí)施例所限制。相反，提供這些實(shí)施例是為了能夠更透徹地理解本公開，并且能夠?qū)⒈竟_的范圍完整的傳達(dá)給本領(lǐng)域的技術(shù)人員。

本發(fā)明實(shí)施例提供了一種處理矩形樹圖的方法，如圖1所示，該方法主要包括：

101、遍歷待顯示的矩形樹圖中的各個矩形，獲得遍歷的當(dāng)前矩形的寬度、矩形名稱的文字樣式以及矩形名稱。

其中，文字樣式可以包括文字尺寸和文字間距，還可以包括字體、顏色、是否加粗、是否傾斜等。當(dāng)用戶對矩形樹圖中各個矩形的參數(shù)均設(shè)置完成后，treemap控件需要對該矩形樹圖進(jìn)行渲染，即對矩形樹圖中的邊框 矩形進(jìn)行劃分，對劃分后生成的各個矩形進(jìn)行顏色填充，以便在渲染完成后，對矩形樹圖進(jìn)行顯示。因此，treemap控件可以在渲染矩形樹圖之前，對矩形樹圖中的各個矩形進(jìn)行遍歷，也可以在渲染矩形樹圖的過程中，對矩形樹圖中的各個矩形進(jìn)行遍歷，也可以在對矩形樹圖渲染完成后、顯示前，對矩形樹圖中的各個矩形進(jìn)行遍歷，在此不作限定。

102、根據(jù)當(dāng)前矩形的寬度以及當(dāng)前矩形的矩形名稱的文字樣式，確定當(dāng)前矩形的行字?jǐn)?shù)。

其中，行字?jǐn)?shù)為矩形每行所能容納的文字個數(shù)。當(dāng)獲得當(dāng)前矩形的寬度以及當(dāng)前矩形的矩形名稱的文字樣式后，treemap控件可以從文字樣式中獲取文字尺寸以及文字間距，并基于文字尺寸、文字間距以及當(dāng)前矩形的寬度，計算出當(dāng)前矩形單行所能容納的文字個數(shù)(即行字?jǐn)?shù))，以便后續(xù)基于該行字?jǐn)?shù)來判斷是否需要對當(dāng)前矩形名稱進(jìn)行換行處理。

103、若當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于行字?jǐn)?shù)，則對當(dāng)前矩形的矩形名稱進(jìn)行換行處理。

若當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于行字?jǐn)?shù)，則當(dāng)前矩形的矩形名稱無法在當(dāng)前矩形中進(jìn)行單行顯示，因此treemap控件需要對當(dāng)前矩形的矩形名稱進(jìn)行換行處理，使其能夠在當(dāng)前矩形中進(jìn)行多行顯示；若當(dāng)前矩形的矩形名稱的字?jǐn)?shù)小于等于行字?jǐn)?shù)，則當(dāng)前矩形的矩形名稱能夠在當(dāng)前矩形中進(jìn)行單行顯示。

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

若上述步驟101-103在渲染矩形樹圖之前執(zhí)行，則當(dāng)對矩形樹圖中的所有矩形都如步驟101-103所述的處理方式進(jìn)行處理后，先對矩形樹圖進(jìn)行渲染，再顯示矩形樹圖；若上述步驟101-103在渲染矩形樹圖的過程中執(zhí)行，則當(dāng)對矩形樹圖中的所有矩形都如步驟101-103所述的處理方式進(jìn)行處理后，繼續(xù)對矩形樹圖進(jìn)行渲染，并在渲染完成后，顯示矩形樹圖；若上述步驟101-103在對矩形樹圖渲染完成后執(zhí)行，則當(dāng)對矩形樹圖中的所有矩形都如步驟101-103所述的處理方式進(jìn)行處理后，顯示矩形樹圖。

示例性的，如圖2所示的矩形樹圖，該矩形樹圖用于表示四種手機(jī)的銷售量，通過對四個矩形大小的比較可知，手機(jī)銷售量由多到少依次為第 一種手機(jī)、第四種手機(jī)、第二種手機(jī)以及第三種手機(jī)。由圖可知，位于左上角以及右下角的矩形的矩形名稱的長度小于對應(yīng)矩形的寬度，因此在顯示矩形樹圖之前，無需對這兩個矩形的矩形名稱進(jìn)行換行處理；位于右上角以及左下角的矩形的矩形名稱的長度大于對應(yīng)矩形的寬度，因此在顯示矩形樹圖之前，需要對這兩個矩形的矩形名稱進(jìn)行換行處理，以便使得這兩個矩形名稱能夠在對應(yīng)的矩形中完整顯示(即顯示效果如圖2所示)。

本發(fā)明實(shí)施例提供的處理矩形樹圖的方法，能夠在顯示矩形樹圖以前，先遍歷該矩形樹圖中的各個矩形，獲取遍歷的當(dāng)前矩形的寬度、矩形名稱的文字樣式以及矩形名稱，并根據(jù)當(dāng)前矩形的寬度以及當(dāng)前矩形的矩形名稱的文字樣式，確定當(dāng)前矩形的行字?jǐn)?shù)(即當(dāng)前矩形每行所能容納的文字個數(shù))，然后當(dāng)當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于行字?jǐn)?shù)時，對當(dāng)前矩形的矩形名稱進(jìn)行換行處理，最后在對該矩形樹圖中的各個矩形遍歷完畢后，再顯示矩形樹圖。由此可知，當(dāng)矩形名稱的長度大于矩形的寬度而無法單行顯示時，本發(fā)明可以對該矩形名稱先進(jìn)行換行處理，再進(jìn)行顯示，從而使得用戶能夠通過矩形樹圖直觀獲知各個矩形所代表的數(shù)據(jù)，而無需用戶必須通過將鼠標(biāo)光標(biāo)移至矩形名稱的長度大于矩形寬度的矩形區(qū)域，才可獲知矩形名稱，進(jìn)而簡化了用戶操作，提高了獲取矩形名稱的效率。

進(jìn)一步的，上述步驟102的具體實(shí)現(xiàn)方式可以為：根據(jù)當(dāng)前矩形的矩形名稱對應(yīng)的文字樣式中文字尺寸以及文字間距，計算當(dāng)前矩形對應(yīng)的文字空間寬度，文字空間寬度為每個文字占用矩形的平均寬度；基于當(dāng)前矩形的寬度以及文字空間寬度，確定當(dāng)前矩形的行字?jǐn)?shù)。

具體的，若在矩形中顯示矩形名稱時，每行的首文字前面保留有1/2的文字間距的寬度，每行的末尾文字后面保留有1/2的文字間距的寬度，則計算文字空間寬度的公式可以為awidth＝fontwidth+distance，其中，awidth表示文字空間寬度、fontwidth表示文字尺寸中的文字寬度以及distance表示文字間距。

當(dāng)獲得文字空間寬度后，可以利用公式計算出每行所能容納的文字個數(shù)。其中，表示向下取整，例如width＝210，awidth＝20，則n＝10。

此外，若在矩形中顯示矩形名稱時，每行的首文字前面未保留空隙， 每行的末尾文字后面也保留空隙，則計算行字?jǐn)?shù)的公式可以為

進(jìn)一步的，對當(dāng)前矩形的矩形名稱進(jìn)行換行處理的具體實(shí)現(xiàn)方式可以為：在當(dāng)前矩形的矩形名稱中，每隔行字?jǐn)?shù)個文字，添加一個換行符(即“\n”)。例如，矩形名稱為“xx品牌的智能手機(jī)xx品牌的智能手機(jī)xx品牌的智能手機(jī)”，該矩形每行所能容納的文字個數(shù)為6，則需要對該矩形名稱進(jìn)行換行處理，即每隔6個文字，添加一個換行符，獲得處理后的矩形名稱為“xx品牌的智\n能手機(jī)xx品\n牌的智能手機(jī)\nxx品牌的智/n能手機(jī)”。

進(jìn)一步的，在實(shí)際應(yīng)用中，矩形樹圖中可能存在寬度和高度均很小的矩形，因此當(dāng)該矩形名稱的長度較長時，需要多行顯示，但是可能會因?yàn)榫匦蔚母叨容^小，而無法顯示完整的矩形名稱。由此可知，即使對矩形名稱進(jìn)行換行處理，也可能存在矩形名稱無法顯示的現(xiàn)象。因此，為確定進(jìn)行換行處理后的矩形名稱能夠在對應(yīng)的矩形中完整顯示，在對當(dāng)前矩形的矩形名稱進(jìn)行換行處理之前，可以先獲取當(dāng)前矩形的高度，并根據(jù)當(dāng)前矩形的高度以及當(dāng)前矩形的矩形名稱的文字樣式，確定當(dāng)前矩形的列字?jǐn)?shù)，列字?jǐn)?shù)為矩形每列所能容納的文字個數(shù)；然后將行字?jǐn)?shù)與列字?jǐn)?shù)相乘，獲得當(dāng)前矩形所能容納的文字總數(shù)；最后當(dāng)文字總數(shù)大于等于當(dāng)前矩形的矩形名稱的字?jǐn)?shù)時，對當(dāng)前矩形的矩形名稱進(jìn)行換行處理，當(dāng)文字總數(shù)小于當(dāng)前矩形的矩形名稱的字?jǐn)?shù)時，不對當(dāng)前矩形的矩形名稱進(jìn)行換行處理。

其中，計算當(dāng)前矩形的列字?jǐn)?shù)的公式可以為：其中high表示矩形的高度，fonthigh表示文字尺寸中的文字高度，m表示列字?jǐn)?shù)。

進(jìn)一步的，若文字總數(shù)小于當(dāng)前矩形的矩形名稱的字?jǐn)?shù)，則即使是多行顯示的方式，也無法將該矩形名稱完整顯示在當(dāng)前矩形中。因此，為了進(jìn)一步使得矩形樹圖中的每一個矩形的矩形名稱都能顯示在對應(yīng)的矩形中，本發(fā)明實(shí)施例對上述方案進(jìn)行了如下改進(jìn)：若文字總數(shù)小于當(dāng)前矩形的矩形名稱的字?jǐn)?shù)，則根據(jù)當(dāng)前矩形的矩形名稱的字?jǐn)?shù)、當(dāng)前矩形的寬度以及當(dāng)前矩形的高度，更換當(dāng)前矩形的矩形名稱對應(yīng)的文字樣式；基于更換后的文字樣式，對當(dāng)前矩形的矩形名稱進(jìn)行換行處理。

其中，更換當(dāng)前矩形的矩形名稱對應(yīng)的文字樣式包括：更換文字樣式中的文字尺寸和/或文字間距。具體的，treemap控件可以利用計算出顯示完整的矩形名稱時，矩形名稱中每個文字占用當(dāng)前矩形的最大面積，然后判斷當(dāng)前文字樣式中的文字尺寸(即文字面積)是否大于該最大面積；若小于等于該最大面積，則將文字間距更改為0，不更改文字尺寸；若大于該最大面積，則將文字間距更改為0，更改文字尺寸為小于等于該最大面積。其中，x表示矩形名稱的字?jǐn)?shù)。

進(jìn)一步的，依據(jù)上述方法實(shí)施例，本發(fā)明的另一個實(shí)施例還提供了一種處理矩形樹圖的裝置，如圖3所示，該裝置主要包括：遍歷單元21、確定單元22、處理單元23和顯示單元24。其中，

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

確定單元22，用于根據(jù)遍歷單元21獲得的當(dāng)前矩形的寬度以及當(dāng)前矩形的矩形名稱的文字樣式，確定當(dāng)前矩形的行字?jǐn)?shù)，行字?jǐn)?shù)為矩形每行所能容納的文字個數(shù)；

處理單元23，用于當(dāng)當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于確定單元22確定的行字?jǐn)?shù)時，對當(dāng)前矩形的矩形名稱進(jìn)行換行處理；

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

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

進(jìn)一步的，如圖4所示，確定單元22，包括：

計算模塊221，用于根據(jù)當(dāng)前矩形的矩形名稱對應(yīng)的文字樣式中文字尺寸以及文字間距，計算當(dāng)前矩形對應(yīng)的文字空間寬度，文字空間寬度為每個文字占用矩形的平均寬度；

確定模塊222，用于基于當(dāng)前矩形的寬度以及計算模塊221獲得的文字空間寬度，確定當(dāng)前矩形的行字?jǐn)?shù)。

進(jìn)一步的，處理單元23，用于在當(dāng)前矩形的矩形名稱中，每隔行字?jǐn)?shù)個文字，添加一個換行符。

進(jìn)一步的，如圖4所示，該裝置還包括：

獲取單元25，用于在若當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于行字?jǐn)?shù)，則對當(dāng)前矩形的矩形名稱進(jìn)行換行處理之前，獲取當(dāng)前矩形的高度；

確定單元22，還用于根據(jù)獲取單元25獲取的當(dāng)前矩形的高度以及當(dāng)前矩形的矩形名稱的文字樣式，確定當(dāng)前矩形的列字?jǐn)?shù)，列字?jǐn)?shù)為矩形每列所能容納的文字個數(shù)；

運(yùn)算單元26，用于將確定單元22獲得的行字?jǐn)?shù)與列字?jǐn)?shù)相乘，獲得當(dāng)前矩形所能容納的文字總數(shù)；

處理單元23，還用于當(dāng)運(yùn)算單元26獲得的文字總數(shù)大于等于當(dāng)前矩形的矩形名稱的字?jǐn)?shù)時，對當(dāng)前矩形的矩形名稱進(jìn)行換行處理。

進(jìn)一步的，如圖4所示，該裝置還包括：

更換單元27，用于當(dāng)運(yùn)算單元26獲得的文字總數(shù)小于當(dāng)前矩形的矩形名稱的字?jǐn)?shù)時，根據(jù)當(dāng)前矩形的矩形名稱的字?jǐn)?shù)、當(dāng)前矩形的寬度以及當(dāng)前矩形的高度，更換當(dāng)前矩形的矩形名稱對應(yīng)的文字樣式；

處理單元23，還用于基于更換單元27更換后的文字樣式，對當(dāng)前矩形的矩形名稱進(jìn)行換行處理。

該裝置實(shí)施例與前述方法實(shí)施例對應(yīng)，為便于閱讀，本裝置實(shí)施例不再對前述方法實(shí)施例中的細(xì)節(jié)內(nèi)容進(jìn)行逐一贅述，但應(yīng)當(dāng)明確，本實(shí)施例中的裝置能夠?qū)?yīng)實(shí)現(xiàn)前述方法實(shí)施例中的全部內(nèi)容。

所述處理矩形樹圖的裝置包括處理器和存儲器，上述遍歷單元、確定 單元、處理單元和顯示單元等均作為程序單元存儲在存儲器中，由處理器執(zhí)行存儲在存儲器中的上述程序單元來實(shí)現(xiàn)相應(yīng)的功能。

處理器中包含內(nèi)核，由內(nèi)核去存儲器中調(diào)取相應(yīng)的程序單元。內(nèi)核可以設(shè)置一個或以上，通過調(diào)整內(nèi)核參數(shù)來簡化用戶操作。

存儲器可能包括計算機(jī)可讀介質(zhì)中的非永久性存儲器，隨機(jī)存取存儲器(ram)和/或非易失性內(nèi)存等形式，如只讀存儲器(rom)或閃存(flashram)，存儲器包括至少一個存儲芯片。

本申請還提供了一種計算機(jī)程序產(chǎn)品，當(dāng)在數(shù)據(jù)處理設(shè)備上執(zhí)行時，適于執(zhí)行初始化有如下方法步驟的程序代碼：

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

根據(jù)所述當(dāng)前矩形的寬度以及所述當(dāng)前矩形的矩形名稱的文字樣式，確定所述當(dāng)前矩形的行字?jǐn)?shù)，所述行字?jǐn)?shù)為矩形每行所能容納的文字個數(shù)；

若所述當(dāng)前矩形的矩形名稱的字?jǐn)?shù)大于所述行字?jǐn)?shù)，則對所述當(dāng)前矩形的矩形名稱進(jìn)行換行處理；

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

本領(lǐng)域內(nèi)的技術(shù)人員應(yīng)明白，本申請的實(shí)施例可提供為方法、系統(tǒng)、或計算機(jī)程序產(chǎn)品。因此，本申請可采用完全硬件實(shí)施例、完全軟件實(shí)施例、或結(jié)合軟件和硬件方面的實(shí)施例的形式。而且，本申請可采用在一個或多個其中包含有計算機(jī)可用程序代碼的計算機(jī)可用存儲介質(zhì)(包括但不限于磁盤存儲器、cd-rom、光學(xué)存儲器等)上實(shí)施的計算機(jī)程序產(chǎn)品的形式。

本申請是參照根據(jù)本申請實(shí)施例的方法、設(shè)備(系統(tǒng))、和計算機(jī)程序產(chǎn)品的流程圖和/或方框圖來描述的。應(yīng)理解可由計算機(jī)程序指令實(shí)現(xiàn)流程圖和/或方框圖中的每一流程和/或方框、以及流程圖和/或方框圖中的流程和/或方框的結(jié)合。可提供這些計算機(jī)程序指令到通用計算機(jī)、專用計算機(jī)、嵌入式處理機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器以產(chǎn)生一個機(jī)器，使得通過計算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備的處理器執(zhí)行的指令產(chǎn) 生用于實(shí)現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的裝置。

這些計算機(jī)程序指令也可存儲在能引導(dǎo)計算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備以特定方式工作的計算機(jī)可讀存儲器中，使得存儲在該計算機(jī)可讀存儲器中的指令產(chǎn)生包括指令裝置的制造品，該指令裝置實(shí)現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能。

這些計算機(jī)程序指令也可裝載到計算機(jī)或其他可編程數(shù)據(jù)處理設(shè)備上，使得在計算機(jī)或其他可編程設(shè)備上執(zhí)行一系列操作步驟以產(chǎn)生計算機(jī)實(shí)現(xiàn)的處理，從而在計算機(jī)或其他可編程設(shè)備上執(zhí)行的指令提供用于實(shí)現(xiàn)在流程圖一個流程或多個流程和/或方框圖一個方框或多個方框中指定的功能的步驟。

在一個典型的配置中，計算設(shè)備包括一個或多個處理器(cpu)、輸入/輸出接口、網(wǎng)絡(luò)接口和內(nèi)存。

存儲器可能包括計算機(jī)可讀介質(zhì)中的非永久性存儲器，隨機(jī)存取存儲器(ram)和/或非易失性內(nèi)存等形式，如只讀存儲器(rom)或閃存(flashram)。存儲器是計算機(jī)可讀介質(zhì)的示例。

計算機(jī)可讀介質(zhì)包括永久性和非永久性、可移動和非可移動媒體可以由任何方法或技術(shù)來實(shí)現(xiàn)信息存儲。信息可以是計算機(jī)可讀指令、數(shù)據(jù)結(jié)構(gòu)、程序的模塊或其他數(shù)據(jù)。計算機(jī)的存儲介質(zhì)的例子包括，但不限于相變內(nèi)存(pram)、靜態(tài)隨機(jī)存取存儲器(sram)、動態(tài)隨機(jī)存取存儲器(dram)、其他類型的隨機(jī)存取存儲器(ram)、只讀存儲器(rom)、電可擦除可編程只讀存儲器(eeprom)、快閃記憶體或其他內(nèi)存技術(shù)、只讀光盤只讀存儲器(cd-rom)、數(shù)字多功能光盤(dvd)或其他光學(xué)存儲、磁盒式磁帶，磁帶磁磁盤存儲或其他磁性存儲設(shè)備或任何其他非傳輸介質(zhì)，可用于存儲可以被計算設(shè)備訪問的信息。按照本文中的界定，計算機(jī)可讀介質(zhì)不包括暫存電腦可讀媒體(transitorymedia)，如調(diào)制的數(shù)據(jù)信號和載波。

以上僅為本申請的實(shí)施例而已，并不用于限制本申請。對于本領(lǐng)域技術(shù)人員來說，本申請可以有各種更改和變化。凡在本申請的精神和原理之 內(nèi)所作的任何修改、等同替換、改進(jìn)等，均應(yīng)包含在本申請的權(quán)利要求范圍之內(nèi)。