[發明專利]在網頁頁面上展示占比圖的方法和裝置

在審

• 申請號: 201410288682.0
• 申請日: 2014-06-24
• 公開（公告）號: CN105205070A
• 公開（公告）日: 2015-12-30
• 發明（設計）人: 張悅;楊昌源;耿霄
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F17/30
• 分類號: G06F17/30
• 代理公司: 北京集佳知識產權代理有限公司 11227
• 代理人: 王寶筠

技術領域

本申請涉及計算機應用領域，特別是涉及在網頁頁面上展示占比圖的方法和裝置。

背景技術

在網絡信息時代，用戶通過瀏覽網頁頁面可以獲取到各種各樣的信息。占比圖作為網頁頁面中的一個頁面元素，以直觀的圖形化方式表達不同屬性之間的比例信息。如，各品牌手機所擁有的市場份額的比例。

目前，比較常見的一種占比圖是扇形占比圖，即，用可構成同一個圓的不同大小的扇形表示占比圖中的各占比區塊，并且，占比數的數值越大，占比區塊對應的扇形的面積越大，如圖1所示，其展示了中國互聯網用戶使用的各瀏覽器的占比。

但是，本申請的發明人在研究中發現，針對圖1所示的扇形占比圖，由于各占比區塊采用環繞的方式排列，因此，需要后臺的網站服務器先在網頁上確定一個合適的環繞起點，以便從該環繞起點開始對各占比區塊進行排列。但是，確定環繞起點的過程本身需要消耗網站服務器一定的計算資源，會造成一定程度的資源浪費。另外，因此，對于閱讀者來說，這種排列方式通常也不容易找到閱讀的起點。

發明內容

為了解決上述技術問題，本申請實施例提供了在網頁頁面上展示占比圖的方法和裝置，不僅節約網站服務器的計算資源，也方便閱讀者更容易找到閱讀的起點。

本申請實施例公開了如下技術方案：

一種在網頁頁面上展示占比圖的方法，包括：

在網頁頁面上顯示占比圖；

其中，所述占比圖中的各占比區塊按照占比數的數值的大小順序以線性方式排列，且，所述占比區塊的大小與占比數的數值的大小成正比例關系。

優選的，所述占比圖中的各占比區塊為形狀相同但大小不同的平行四邊形，由多個占比區塊構成的所述占比圖為平行四邊形；或者，所述占比圖中的各占比區塊為形狀相同但大小不同的梯形，由多個占比區塊構成的所述占比圖為梯形。

進一步優選的，所述平行四邊形為矩形。

優選的，所述占比圖中的多個占比區塊按照占比數的數值的大小順序依次沿縱向或橫向排列。

優選的，所述方法還包括：

識別用戶是否對所述占比圖中的任意一個占比區塊進行了指向性操作；

如果是，將所述指向性操作針對的占比區塊進行放大。

優選的，所述方法還包括：

在將所述指向性操作針對的占比區塊進行放大之前，判斷所述指向性操作針對的占比區塊的占比數的數值是否小于或等于預設的占比閾值；

則所述將所述指向性操作針對的占比區塊進行放大具體為：

如果所述指向性操作針對的占比區塊的占比數的數值小于或等于預設的占比閾值，將所述指向性操作針對的占比區塊進行放大。

優選的，所述方法還包括：

識別用戶是否對放大的占比區塊取消了指向性操作；

如果是，將所述放大的占比區塊恢復至原始大小。

優選的，所述將所述指向性操作針對的占比區塊進行放大，包括：

將所述指向性操作針對的占比區塊向上增加縱向高度；

和/或，

將所述指向性操作針對的占比區塊向下增加縱向高度。

優選的，在所述各占比區塊上顯示有占比數和屬性信息，且，占比數的數值越大，所述占比數的顯示字體越大。

優選的，在所述各占比區塊上還顯示有除屬性信息之外的其它描述性文字。

優選的，所述在網頁頁面上顯示占比圖，包括：

封裝占比圖中各占比區塊的超文本標記語言HTML片段，所述HTML片段包含有占比區塊的屬性信息、占比數和縱向高度；

將占比圖中各占比區塊的HTML片段進行組裝；

將組裝后的HTML片段添加到網頁頁面中，以使得占比圖顯示在網頁頁面上。

一種在網頁頁面上展示占比圖的裝置，包括：

顯示模塊，用于在網頁頁面上顯示占比圖；

其中，所述占比圖中的各占比區塊按照占比數的數值的大小順序以線性方式排列，且，所述占比區塊的大小與占比數的數值的大小成正比例關系。

優選的，所述占比圖中的各占比區塊為形狀相同但大小不同的平行四邊形，由多個占比區塊構成的所述占比圖為平行四邊形；或者，所述占比圖中的各占比區塊為形狀相同但大小不同的梯形，由多個占比區塊構成的所述占比圖為梯形。

進一步優選的，所述平行四邊形為矩形。

優選的，所述占比圖中的各占比區塊按照占比數的數值的大小順序依次沿縱向或橫向排列。

優選的，所述裝置還包括：