[發明專利]數據圖形化展現方法

在審

• 申請號: 201510278322.7
• 申請日: 2015-05-27
• 公開（公告）號: CN104991762A
• 公開（公告）日: 2015-10-21
• 發明（設計）人: 孫頻
• 申請（專利權）人: 南京國云電力有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44;G06F3/0481
• 代理公司: 暫無信息
• 代理人: 暫無信息

技術領域

本發明涉及一種展現方法，具體涉及一種數據圖形化展現方法。

背景技術

由于HTML5的普及，大部分瀏覽器都兼容了HTML5規范中的Canvas，這樣我們可以通過Canvas繪制直接調用OpenGl渲染作出具有較好動畫與交互效果的組件，MobileChart就是具有以上優點的組件。但是大數據在移動端的展現，一直都是個問題，移動端較小的顯示區域無法一次性完整的顯示所有數據，

Mobile是使用HTML5?Canvas繪制的一套展現數據的圖形組件，該組件集成了許多內置功能，并對移動端的展現做了許多優化，圖形中自帶了分業處理，自動橫豎屏切換，這都是現有圖形比較欠缺的。

發明內容

本發明的目的在于針對現有技術的缺陷和不足，提供一種數據圖形化展現方法，它不需要開發人員或用戶進行任何二次開發，只要在配置里簡單的設置幾個基本屬性就能使用圖形數據的分段展現功能，在現有的主流機器上，圖形都可以流暢的切換數據段，且圖形的樣式均支持自定義配置，用戶可以根據自己的喜好更改圖形上的大大小小的功能區域；另外還可以根據軸方向的配置以不同的方向作為起始點展現數據。

為實現上述目的，本發明采用的技術方案是：它包含繪制模塊、內置工具模塊、分頁顯示拖動模塊。

繪制模塊：出于Android?Html5Canvas的繪制Bug(Android?Html5繪制?時若Canvas背景為透明則下一幀屏幕刷新時可能殘留上一幀的內容，導致圖形數據顯示異常)。

MobileChart2統一將所有的可能事實變動的圖形放在了同一層，每次繪制前不通過clear函數清空上一幀的繪制而是通過Fill函數Fill背景色去覆蓋上一幀的繪制，這樣不會造成上一層的繪制殘留，解決了Android上Canvas動畫時的陰影殘留問題。

圖形數據旋轉：數據旋轉功能是將類目軸的數據與度量進行對調，我們的圖形本身通過處理類目軸data段數據與series中的data段數據，將其以固定的規律重組實現了數據軸數據與度量的自動對調，用戶使用時無需二次開發。

圖形分頁與動態控制：圖形的分頁功能是MobileChart2的重點功能，用戶可以通過簡單的配置描述實現圖形的分頁。

MobileChart2初始化時讀取用戶的配置描述，通過用戶配置的Page屬性計算每頁顯示的最佳條數[Math.floor(數據長度/Page)]。

采用上述技術后，本發明有益效果為：不需要開發人員或用戶進行任何二次開發，只要在配置里簡單的設置幾個基本屬性就能使用圖形數據的分段展現功能，在現有的主流機器上，圖形都可以流暢的切換數據段，且圖形的樣式均支持自定義配置，用戶可以根據自己的喜好更改圖形上的大大小小的功能區域；另外還可以根據軸方向的配置以不同的方向作為起始點展現數據。

具體實施方式

下面對本發明作進一步的說明。

本具體實施方式采用以下技術方案：它包含繪制模塊、內置工具模塊、分頁顯示拖動模塊。

繪制模塊：出于Android?Html5Canvas的繪制Bug(Android?Html5繪制時若Canvas背景為透明則下一幀屏幕刷新時可能殘留上一幀的內容，導致圖形數據顯示異常)。

MobileChart2統一將所有的可能事實變動的圖形放在了同一層，每次繪制前不通過clear函數清空上一幀的繪制而是通過Fill函數Fill背景色去覆蓋上一幀的繪制，這樣不會造成上一層的繪制殘留，解決了Android上Canvas動畫時的陰影殘留問題。

圖形數據旋轉：數據旋轉功能是將類目軸的數據與度量進行對調，我們的圖形本身通過處理類目軸data段數據與series中的data段數據，將其以固定的規律重組實現了數據軸數據與度量的自動對調，用戶使用時無需二次開發。

圖形分頁與動態控制：圖形的分頁功能是MobileChart2的重點功能，用戶可以通過簡單的配置描述實現圖形的分頁。

MobileChart2初始化時讀取用戶的配置描述，通過用戶配置的Page屬性計算每頁顯示的最佳條數[Math.floor(數據長度/Page)]。

實施例：

出于對Ios與Android的渲染機制存在區別，我們選用了一種比較通用并且高校的滾動機制，