[發明專利]一種3D柱狀圖的繪制方法及裝置

在審

• 申請號: 201510654101.5
• 申請日: 2015-10-10
• 公開（公告）號: CN105279796A
• 公開（公告）日: 2016-01-27
• 發明（設計）人: 張寶泉
• 申請（專利權）人: 蘇州工業園區凌志軟件股份有限公司
• 主分類號: G06T19/00
• 分類號: G06T19/00
• 代理公司: 北京科億知識產權代理事務所(普通合伙) 11350
• 代理人: 湯東鳳

技術領域

本發明涉及圖形處理技術領域，特別涉及一種3D柱狀圖的繪制方法及裝置。

背景技術

柱狀圖(Histogram)，也稱條圖(英文：bargraph)、長條圖(英文：barchart)、條狀圖，是一種以長方形的長度為變量的表達圖形的統計報告圖，由一系列高度不等的縱向條紋表示數據分布的情況，用來比較兩個或以上的價值(不同時間或者不同條件)，只有一個變量，通常利用于較小的數據集分析。柱狀圖亦可橫向排列，或用多維方式表達。

目前，對于柱狀圖的繪制及瀏覽多集中于二維空間，缺少三維立體，使用戶無法直觀地理解圖形所表達的內涵，且對圖形的移動較為固定，無法實現旋轉等功能。

發明內容

為了解決現有技術的問題，本發明實施例提供了一種3D柱狀圖的繪制方法及裝置。所述技術方案如下：

第一方面，提供了一種3D柱狀圖的繪制方法，所述方法包括：

監聽鼠標拖拽路徑，獲取鼠標起始點坐標和鼠標終點坐標；

依據所述起始點坐標與所述終點坐標，獲取鼠標移動的距離和角度；

以所述距離為半徑，計算3D柱狀圖旋轉方向和角度。

其中，所述監聽鼠標拖拽路徑，獲取鼠標起始點坐標和鼠標終點坐標具體包括：

當監聽到鼠標點擊屏幕時，獲取鼠標起始點坐標；

監聽鼠標拖拽路徑，獲取鼠標終點坐標。

可選地，所述拖拽路徑包括：x、y、z三個軸均支持0-90度范圍內的任意拖拽。

可選地，所述鼠標點擊屏幕時還包括：獲取被點擊的圖形數據。

可選地，所述方法支持javascript中直接調用顯示。

另一方面，提供了一種3D柱狀圖的繪制裝置，所述裝置包括：

數據獲取模塊，用于監聽鼠標拖拽路徑，獲取鼠標起始點坐標和鼠標終點坐標；

位置獲取模塊，用于依據所述起始點坐標與所述終點坐標，獲取鼠標移動的距離和角度；

數據計算模塊，用于以所述距離為半徑，計算3D柱狀圖旋轉方向和角度。

其中，所述數據獲取模塊具體包括：

起始點獲取單元，用于當監聽到鼠標點擊屏幕時，獲取鼠標起始點坐標；

終點獲取單元，用于監聽鼠標拖拽路徑，獲取鼠標終點坐標。

可選地，所述拖拽路徑包括：x、y、z三個軸均支持0-90度范圍內的任意拖拽。

可選地，所述鼠標點擊屏幕時還包括：獲取被點擊的圖形數據。

可選地，所述裝置支持javascript中直接調用顯示。

本發明實施例提供的技術方案帶來的有益效果是：

通過鼠標拖拽移動使得圖形角度應該變化時，則清空圖形區域，按正確的角度重繪圖形，以實現動畫效果，用戶可以擺脫傳統平面的瀏覽方式，不但圖形造型立體逼真，使用方便，用戶只需要操作鼠標，即可任意角度觀察圖形。

附圖說明

為了更清楚地說明本發明實施例中的技術方案，下面將對實施例描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發明的一些實施例，對于本領域普通技術人員來講，在不付出創造性勞動的前提下，還可以根據這些附圖獲得其他的附圖。

圖1是本發明實施例提供的3D柱狀圖的繪制方法流程圖；

圖2是本發明實施例提供的3D柱狀圖的繪制裝置的結構示意圖。

具體實施方式

為使本發明的目的、技術方案和優點更加清楚，下面將結合附圖對本發明實施方式作進一步地詳細描述。

圖1是本發明實施例提供的一種3D柱狀圖的繪制方法的流程圖。參見圖1，所述方法包括：

101、監聽鼠標拖拽路徑，獲取鼠標起始點坐標和鼠標終點坐標；

102、依據所述起始點坐標與所述終點坐標，獲取鼠標移動的距離和角度；

103、以所述距離為半徑，計算3D柱狀圖旋轉方向和角度。

其中，所述監聽鼠標拖拽路徑，獲取鼠標起始點坐標和鼠標終點坐標具體包括：

當監聽到鼠標點擊屏幕時，獲取鼠標起始點坐標；

監聽鼠標拖拽路徑，獲取鼠標終點坐標。

可選地，所述拖拽路徑包括：x、y、z三個軸均支持0-90度范圍內的任意拖拽。

可選地，所述鼠標點擊屏幕時還包括：獲取被點擊的圖形數據。

可選地，所述方法支持javascript中直接調用顯示。

調用時支持以下參數：

width：圖表區域寬度；

height：圖表區域高度；