一種圖表瀏覽方法、裝置及系統的製作方法
2023-05-06 14:22:16
專利名稱：一種圖表瀏覽方法、裝置及系統的製作方法
技術領域：
本發明屬於頁面瀏覽技術領域，尤其涉及一種圖表瀏覽方法、裝置及系統。
背景技術：
商業智能系統往往需要生成大量的圖表並在系統頁面中進行展示，隨著用戶對信息量的需求日益增大，在系統頁面中，不但單個圖表的信息量非常大，還會出現多個圖表同時在一個系統頁面進行展示的情況。現有的圖表在系統頁面中進行展示時，無法根據用戶終端的顯示屏解析度來進行自適應調整，而是直接按照最初的設計解析度進行展示，當圖表設計解析度大於用戶終端顯示屏解析度時，需要用戶上下左右移動頁面滾動條才能看到需要的內容，而不能直接展示圖表全貌；當圖表設計解析度小於用戶終端顯示屏解析度時，則頁面中的圖表相對於頁面本身顯得很小，可視性較差。同時，當用戶需要重點查看圖表中的某一部分內容時，尚沒有針對此類需求的圖表局部放大功能。
發明內容
本發明實施例的目的在於提供一種圖表瀏覽方法，旨在解決現有技術中圖表無法根據不同顯示屏解析度進行整體及局部自適應調整的問題。本發明實施例是這樣實現的，一種圖表瀏覽方法，所述方法包括下述步驟檢測系統頁面框架的高度和寬度，所述系統頁面框架的高度和寬度由顯示屏解析度決定；生成符合所述系統頁面框架的高度和寬度的系統頁面；按比例生成圖表並加載至系統頁面展示。本發明實施例的另一目的在於提供一種圖表瀏覽裝置，所述裝置包括系統頁面框架檢測單元，用於檢測系統頁面框架的高度和寬度；系統頁面生成單元，用於生成符合所述系統頁面框架的高度和寬度的系統頁面；圖表生成單元，用於按比例生成圖表；圖表加載單元，用於加載生成的圖表至所述系統頁面展示。本發明實施例的另一目的在於提供一種包含上述圖表瀏覽裝置的系統。本發明實施例針對不同用戶終端的不同顯示屏解析度，對需要進行展示的圖表進行自適應生成，同時根據用戶的關注點對圖表或者圖表局部進行放大生成，使得用戶能夠在系統中完整、清晰地對所需圖表進行瀏覽，並對圖表細節進行放大瀏覽，很好地提升了用戶體驗。
圖1是本發明第一實施例提供的圖表瀏覽方法的實現流程圖；圖2是本發明第二實施例提供的圖表瀏覽方法的實現流程圖3是本發明第三實施例提供的圖表瀏覽方法的實現流程圖；圖4是本發明第四實施例提供的圖表瀏覽方法的實現流程圖；圖5是本發明實施例提供的圖表瀏覽裝置的結構圖。
具體實施例方式為了使本發明的目的、技術方案及優點更加清楚明白，以下結合附圖及實施例，對本發明進行進一步詳細說明。應當理解，此處所描述的具體實施例僅僅用以解釋本發明，並不用於限定本發明。本發明實施例針對不同用戶終端的顯示屏解析度，通過檢測系統頁面框架的大小，按照寬高比例調整並生成需要展示的圖表，使得該圖表在加載之後，能夠完整地在系統頁面中根據顯示屏解析度的大小進行自適應展示。圖1示出了本發明第一實施例提供的圖表瀏覽方法的實現流程，詳述如下在步驟SlOl中，檢測系統頁面框架的高度和寬度，所述系統頁面框架的高度和寬度由顯示屏解析度決定。在本發明實施例中，系統頁面框架為包含了圖表的系統頁面的顯示區域，系統頁面框架的高度和寬度由用戶終端的顯示屏解析度決定，說明了其能夠展示的圖表大小，當用戶終端的顯示屏解析度大時，系統頁面框架的高度和寬度也相應大，能夠顯示的圖表尺寸也相應大；當用戶終端的顯示屏解析度小時，系統頁面框架的高度和寬度也相應小，能夠顯示的圖表尺寸也相應小。在步驟S102中，生成符合所述系統頁面框架的高度和寬度的系統頁面。在本發明實施例中，生成的系統頁面的高度和寬度即為系統頁面框架的高度和寬度，以使該系統頁面能夠在系統頁面框架中完整且最大化地進行加載。在步驟S103中，按比例生成圖表並加載至系統頁面展示。在本發明實施例中，需要在同一系統頁面中進行展示的圖表按照其自身原本的寬高比例，以及各個圖表所佔的系統頁面比例生成。根據步驟S102中系統頁面生成大小的不同，相應地需要在系統頁面中進行展示的圖表大小也不同，不同大小的圖表通過不同大小的解析度生成，使得生成的圖表在加載後，無論是一個或者多個，都同樣能夠完整且最大化地在系統頁面中進行展示，一方面不會因為圖表太大而需要滾動條才能瀏覽完全，另一方面也不會因為圖表放大卻還維持著低解析度，導致馬賽克現象出現，影響用戶瀏覽體驗。同時，通過上述步驟，開發人員在設計圖表的時候，也無需考慮不同顯示屏解析度對圖表瀏覽效果影響不同的問題，減少了設計工作量。作為本發明的一個實施例，當系統頁面中的圖表有多個時，可以對用戶指定的其中一個圖表進行自適應調整生成，圖2示出了本發明第二實施例提供的圖表瀏覽方法的實現流程，詳述如下在步驟S201中，通過檢測用戶的圖表指定操作，獲取用戶指定的圖表。用戶的圖表指定操作可以通過在圖表中單擊滑鼠、觸摸按鍵等人機互動方式實現，且能夠同時指定多個圖表，具體的圖表指定操作方式在此不作限定。在步驟S202中，將指定圖表進行按比例放大生成。在本發明實施例中，對用戶指定的圖表通過系統默認比例放大生成，例如以150%的倍數對指定圖表進行放大生成，放大生成後的圖表在系統頁面框架中顯示，並可以通過檢測用戶放大或者縮小一定比例的操作對放大後的圖表進行相應的大小調整。在步驟S203中，將未指定圖表以最小化圖標形式生成，以方便用戶在放大瀏覽指定圖表的同時，能夠在需要的時候對其餘未指定的圖表進行指定放大操作。作為本發明的又一個實施例，系統可以將用戶指定的圖表放大生成到全屏顯示， 此時圖表的寬度和高度符合系統頁面框架的高度和寬度，而其餘未指定圖表則相應隱藏。在步驟S204中，將調整生成的圖表加載至系統頁面展示。在本發明實施例中，還可以對用戶在系統頁面中指定多個圖表進行同時放大生成，圖3示出了本發明第三實施例提供的圖表瀏覽方法的實現流程，詳述如下在步驟S301中，通過檢測用戶的圖表指定操作，同時獲取用戶指定的兩個以上圖表。在步驟S302中，根據用戶指定的圖表數目，對系統頁面劃分相同數目的子頁面。 其中，對系統頁面劃分子頁面的情況可以根據用戶指定的圖表數目，進行橫向、縱向、橫縱向混合等方式的劃分，例如，對兩個圖表進行左右分屏顯示。在步驟S303中，根據子頁面的高度和寬度，對用戶指定圖表依次進行相應地放大生成。在步驟S304中，在各子頁面中依次加載放大生成的用戶指定圖表，進展示。在本發明實施例中，通過對系統頁面中用戶指定的一個或者多個圖表進行放大生成，使得用戶可以更有針對性地對其需要重點關注的一個或多個圖表進行瀏覽。在本發明實施例中，系統還能夠通過檢測用戶指定的單個圖表中的某區域，對該區域範圍內的圖表內容進行局部放大生成，並使其在系統頁面框架中進行展示。圖4示出了本發明第四實施例提供的圖表瀏覽方法的實現流程，詳述如下在步驟S401中，通過檢測用戶的圖表框選操作，獲取用戶圖表框選操作的開前坐標和結束坐標。在本發明實施例中，用戶指定的圖表區域通過系統檢測用戶的圖表框選操作來確定。用戶通過按下操作並在圖表上拖拽出一個矩形區域後釋放操作，框選出一個需要放大瀏覽的圖表區域，其中，用戶按下操作的當前坐標為開前坐標，用戶釋放操作的當前坐標為結束坐標，用戶的圖表框選操作可以通過滑鼠、觸摸按鍵等人機互動方式實現，具體的圖表框選操作在此不作限定。在步驟S402中，根據用戶圖表框選操作的開前坐標和結束坐標，獲取用戶指定的圖表區域。在步驟S403中，根據系統頁面框架的高度和寬度，將用戶指定的圖表區域按比例進行放大生成，並加載至系統頁面展示。在本發明實施例中，當用戶需要對內容繁多的圖表進行局部的重點關注時，可以通過上述步驟對該圖表進行局部的細節放大，方便用戶高效地定位到其關注點。圖5示出了本發明實施例提供的圖表瀏覽裝置的結構，為了便於說明，僅示出了與本實施例相關的部分。該圖表瀏覽裝置可以運行於各種商業智能系統，為運行於商業智能系統中的軟體單元，其中
系統頁面框架檢測單元51，檢測系統頁面框架的高度和寬度。系統頁面生成單元52，生成符合所述系統頁面框架的高度和寬度的系統頁面。圖表生成單元53，對要在系統頁面中進行展示的圖表進行生成，包括按比例放大生成和最小化圖標形式生成。在本發明實施例中，圖表生成單元53需要生成的圖表包括系統頁面中需要展示的圖表、用戶指定的一個或者多個圖表以及用戶框選的圖表區域。圖表加載單元M，加載圖表生成單元53生成的圖表至系統頁面展示。在本發明實施例中，除了對系統頁面中的圖表進行自適應調整生成，還能夠通過獲取用戶指定的圖表或者圖表區域，對該圖表或者圖表區域進行放大生成，方便用戶瀏覽。指定圖表獲取單元55，獲取用戶指定的圖表，該圖表通過檢測用戶的圖表指定操作獲得，可以為一個或者多個圖表同時指定。坐標獲取單元56，通過檢測用戶圖表框選操作的按下操作和釋放操作，獲取用戶框選的圖表區域的開前坐標和結束坐標。圖表區域獲取單元57，通過坐標獲取單元55中獲取到的開前坐標和結束坐標，計算出用戶框選的圖表區域。在本發明實施例中，針對不同用戶終端的不同顯示屏解析度，根據用戶的關注點， 對需要進行展示及重點關注的圖表或者圖表局部進行放大生成，生成適應當前顯示屏解析度的圖表，使得用戶能夠在系統中完整、清晰地對所需圖表進行瀏覽，並對圖表細節進行放大瀏覽，很好地提升了用戶體驗。以上所述僅為本發明的較佳實施例而已，並不用以限制本發明，凡在本發明的精神和原則之內所作的任何修改、等同替換和改進等，均應包含在本發明的保護範圍之內。
權利要求
1.一種圖表瀏覽方法，其特徵在於，所述方法包括下述步驟檢測系統頁面框架的高度和寬度，所述系統頁面框架的高度和寬度由顯示屏解析度決定；生成符合所述系統頁面框架的高度和寬度的系統頁面； 按比例生成圖表並加載至系統頁面展示。
2.如權利要求1所述的方法，其特徵在於，所述按比例生成圖表並加載至系統頁面展示的步驟具體為根據所述系統頁面框架的高度和寬度，按照圖表自身的寬高比例以及所佔的系統頁面比例生成圖表；將所述圖表加載至所述系統頁面展示。
3.如權利要求1所述的方法，其特徵在於，所述方法還包括下述步驟 通過檢測用戶的圖表指定操作，獲取用戶指定的圖表；按比例放大生成所述用戶指定的圖表； 以最小化圖標形式生成未指定圖表； 將調整生成的圖表加載至所述系統頁面展示。
4.如權利要求1所述的方法，其特徵在於，所述方法還包括下述步驟 通過檢測用戶的圖表指定操作，獲取用戶指定的多個圖表；根據所述用戶指定的多個圖表的數目，劃分相同數目的子頁面；根據所述子頁面的高度和寬度，對所述用戶指定的多個圖表依次進行放大生成；將生成的圖表依次加載至各子頁面中展示。
5.如權利要求1所述的方法，其特徵在於，所述方法進一步包括下述步驟 通過檢測用戶的圖表框選操作，獲取用戶指定的圖表區域；按比例放大生成用戶指定的圖表區域並加載至系統頁面展示。
6.如權利要求5所述的方法，其特徵在於，所述通過檢測用戶的圖表框選操作，獲取用戶指定的圖表區域的步驟具體為獲取所述圖表框選操作的開前坐標和結束坐標； 根據所述開前坐標和結束坐標，獲取用戶指定的圖表區域。
7.一種圖表瀏覽裝置，其特徵在於，所述裝置包括系統頁面框架檢測單元，用於檢測系統頁面框架的高度和寬度；系統頁面生成單元，用於生成符合所述系統頁面框架的高度和寬度的系統頁面；圖表生成單元，用於按比例生成圖表；圖表加載單元，用於加載生成的圖表至所述系統頁面展示。
8.如權利要求7所述的裝置，其特徵在於，所述裝置還包括指定圖表獲取單元，用於通過檢測用戶的圖表指定操作，獲取用戶指定的圖表。
9 如權利要求7所述的裝置，其特徵在於，所述裝置還包括 坐標獲取單元，用於獲取用戶圖表框選操作的開前坐標和結束坐標；圖表區域獲取單元，用於通過所述用戶圖表框選操作的開前坐標和結束坐標，獲取用戶框選的圖表區域。
10.一種包含權利要求7至9任一項的圖表瀏覽裝置的系統。
全文摘要
本發明適用於頁面瀏覽技術領域，提供了一種圖表瀏覽方法、裝置及系統，所述方法包括下述步驟檢測系統頁面框架的高度和寬度，所述系統頁面框架的高度和寬度由顯示屏解析度決定；生成符合所述系統頁面框架的高度和寬度的系統頁面；按比例生成圖表並加載至系統頁面展示。本發明針對不同用戶終端的不同顯示屏解析度，對需要進行展示的圖表進行自適應生成，同時根據用戶的關注點對圖表或者圖表局部進行放大生成，使得用戶能夠在系統中完整、清晰地對所需圖表進行瀏覽，並對圖表細節進行放大瀏覽，很好地提升了用戶體驗。
文檔編號G06F3/048GK102479033SQ20101056167
公開日2012年5月30日 申請日期2010年11月26日 優先權日2010年11月26日
發明者李晉麗, 陳根生, 陳琦琨 申請人:金蝶軟體(中國)有限公司