本發(fā)明涉及WEB開發(fā)技術(shù)領(lǐng)域，尤其涉及一種基于大數(shù)據(jù)的可視化實(shí)現(xiàn)方法。
背景技術(shù)：
隨著大數(shù)據(jù)應(yīng)用時代的到來，數(shù)據(jù)不僅量大、種類多、要求實(shí)時性強(qiáng)，而且數(shù)據(jù)所蘊(yùn)藏的價值重大。在各行各業(yè)均存在大數(shù)據(jù)，但是眾多的信息和咨詢是紛繁復(fù)雜的，僅通過數(shù)據(jù)分析我們難以分析、歸納并總結(jié)出其深層的規(guī)律。因此如何挖掘出大數(shù)據(jù)的價值成為我們的研究重點(diǎn)。圖形作為人類最易接受和理解的一種方式自然而然的和數(shù)據(jù)結(jié)合起來，從而形成了數(shù)據(jù)可視化這樣一種新的研究領(lǐng)域，也對數(shù)據(jù)的展示提供了一種全新的方式。
在實(shí)現(xiàn)本發(fā)明的過程中，主要發(fā)現(xiàn)已有可視化實(shí)現(xiàn)方式至少存在以下缺陷：1)在獲取數(shù)據(jù)的過程中直接通過組裝sql語句查詢物理表，導(dǎo)致信息泄漏，安全性較低；2)頁面的制作過程沒有區(qū)分定義期和運(yùn)行期，并且過于依賴圖表設(shè)計工具；3)不支持圖表的二次查詢；4)不支持用戶自定義圖表布局方式。
技術(shù)實(shí)現(xiàn)要素：
為了解決該問題，本發(fā)明提出了一種基于大數(shù)據(jù)的可視化實(shí)現(xiàn)方法。旨在通過簡單的交互操作完成數(shù)據(jù)可視化頁面的快速制作。
本發(fā)明中主要提出以下內(nèi)容：(1)提出了后臺對接OData標(biāo)準(zhǔn)協(xié)議的數(shù)據(jù)服務(wù)，提高了安全性，通用性。其中OData(Open Data Protocol，簡稱OData)標(biāo)準(zhǔn)協(xié)議，也稱為開放數(shù)據(jù)協(xié)議，是一種描述如何創(chuàng)建和訪問Restful服務(wù)的OASIS標(biāo)準(zhǔn)。(2)將數(shù)據(jù)的可視化展現(xiàn)過程分為兩個步驟：定義期和運(yùn)行期。其中定義期主要實(shí)現(xiàn)頁面的制作和數(shù)據(jù)的綁定；運(yùn)行期則主要實(shí)現(xiàn)數(shù)據(jù)的二次查詢和分享查看。(3)提供多種布局方式供用戶選擇，也可通過布局嵌套的方式實(shí)現(xiàn)用戶對圖表布局的自定義。
本發(fā)明的技術(shù)方案是
一種基于大數(shù)據(jù)的可視化實(shí)現(xiàn)方法，主要涉及到定義期和運(yùn)行期兩個過程，其中，在定義期實(shí)現(xiàn)頁面制作和數(shù)據(jù)綁定，其中主要采用拖拽的交互方式完成頁面制作，整個過程主要包括頁面布局、圖表選擇、查詢框組件的配置；對于數(shù)據(jù)綁定則主要完成數(shù)據(jù)和圖表的綁定；對于運(yùn)行期，則主要完成圖表的二次查詢和共享查看。
其中：
1)定義期
該步驟主要實(shí)現(xiàn)頁面制作和數(shù)據(jù)綁定；其中頁面制作主要包括頁面布局、圖表選擇及查詢框等組件的設(shè)計與配置；其具體的實(shí)現(xiàn)步驟如下：
步驟一：首先拖拽合適的組件target進(jìn)入儀表盤設(shè)計頁面，并獲取拖拽組件的類型，如layoutType＝"col"，本發(fā)明提供的組件類型主要有布局組件、圖表組件、文本框、查詢框等；
步驟二：獲取目標(biāo)組件target的放置位置，首先根據(jù)jquery-ui自帶的placeholder屬性，獲取placeholder所在位置的前一個兄弟節(jié)點(diǎn)或者后一個兄弟節(jié)點(diǎn)dropSibDom，最后將該組件target放至兄弟節(jié)點(diǎn)dropSibDom的后面或者前面；
步驟三：根據(jù)拖拽組件的類型layoutType判斷是否支持遞歸拖拽，即是否支持組件之間的相互嵌套，若為列布局或者tab頁布局則支持嵌套，并將該組件作為下一次拖拽目標(biāo)的容器。反之，則將儀表盤設(shè)計頁面作為組件容器。確定目標(biāo)放置容器后返回第一步并重復(fù)執(zhí)行上述步驟，直至完成整個頁面的制作；
對于數(shù)據(jù)綁定，主要是包括以下步驟：
步驟一：通過點(diǎn)擊的交互方式選擇要綁定數(shù)據(jù)的圖表；
步驟二：獲取基于OData協(xié)議的數(shù)據(jù)服務(wù)列表，選擇要展現(xiàn)的數(shù)據(jù)服務(wù)，并發(fā)送請求至后端，從而獲取元數(shù)據(jù)描述信息(字段信息)；
步驟三：選擇不同類型的數(shù)據(jù)，這里主要分為兩種類型：字符型(維度)和數(shù)據(jù)型(度量)；
步驟四：根據(jù)選擇的數(shù)據(jù)生成基于OData協(xié)議的URL請求路徑，并發(fā)送請求至后端，轉(zhuǎn)化為相應(yīng)的sql語句，最終完成數(shù)據(jù)的請求；
步驟五：根據(jù)后端返回的數(shù)據(jù)，通過js、jquery、arttemplate等技術(shù)完成圖表和數(shù)據(jù)的綁定；
2)運(yùn)行期
主要完成圖表的二次查詢和共享查看；對于圖表的二次查詢，其實(shí)現(xiàn)步驟為：
步驟一：用戶輸入要查詢內(nèi)容，然后系統(tǒng)自動拼接成基于ODada協(xié)議的URL，發(fā)送請求至后端，完成數(shù)據(jù)的再次查詢；
步驟二：根據(jù)定義期查詢組件和圖表的對應(yīng)關(guān)系，對相應(yīng)的圖表進(jìn)行更新，從而完成數(shù)據(jù)的二次挖掘。
所述定義期中步驟二獲取目標(biāo)位置的具體實(shí)現(xiàn)方法如下所示：
(2-1)獲取目標(biāo)放置位置前一個兄弟節(jié)點(diǎn)dropBeforeDom：
(2-2)將目標(biāo)組件target放至兄弟節(jié)點(diǎn)dropSibDom的后面，具體的代碼如下所示：
最終完成拖拽目標(biāo)的放置。
所述數(shù)據(jù)綁定步驟二獲取元數(shù)據(jù)描述信息的具體實(shí)現(xiàn)方式為：
(3-1)獲取基于Odata協(xié)議的數(shù)據(jù)服務(wù)列表；
(3-2)選擇要展現(xiàn)的數(shù)據(jù)服務(wù)；
(3-3)根據(jù)選擇的數(shù)據(jù)服務(wù)的URL的不同，分別采取不同的方式來獲取元數(shù)據(jù)描述：首先基于元數(shù)據(jù)的，需要將URL轉(zhuǎn)化為相應(yīng)的sql語句，然后查詢物理表，從而獲取元數(shù)據(jù)描述信息；基于數(shù)據(jù)模型的服務(wù)，則直接根據(jù)OData自帶的接口來獲取物理表中的元數(shù)據(jù)信息；
(3-4)根據(jù)元數(shù)據(jù)描述信息中數(shù)據(jù)類型的不同，分別將數(shù)據(jù)劃分至維度和度量區(qū)域中，其中字符類型的對應(yīng)維度，數(shù)據(jù)類型的對應(yīng)度量。
所述數(shù)據(jù)綁定步驟五完成圖表繪制的具體過程如下所示：
(4-1)數(shù)據(jù)預(yù)處理：對于后臺返回的數(shù)據(jù)根據(jù)圖表類型的不同，分別將其轉(zhuǎn)化為圖表所需要的數(shù)據(jù)格式；
(4-2)數(shù)據(jù)校驗(yàn)：判斷所獲取數(shù)據(jù)中是否含有非法字符，如對于柱狀圖，判斷所選擇度量中的數(shù)據(jù)是否含有字符類型的，若有則提示用戶數(shù)據(jù)錯誤，反之則繼續(xù)下一步；
(4-3)數(shù)據(jù)展現(xiàn)：將格式化后的數(shù)據(jù)傳入圖表繪制接口中，最終完成圖表的繪制，實(shí)現(xiàn)數(shù)據(jù)的可視化展現(xiàn)。
本發(fā)明的有益效果是
本發(fā)明支持多種圖表布局方式：列布局、tab頁布局及ifame布局，同時支持布局之間相互嵌套，從而實(shí)現(xiàn)了頁面設(shè)計的多樣化；
本發(fā)明所提出的定義期和運(yùn)行期，使頁面制作和頁面的查看功能相互獨(dú)立，避免了對設(shè)計器的過度依賴。
本發(fā)明所提出的后臺對接OData協(xié)議，不僅提高了信息的安全性，而且提高了其通用性，使其支持結(jié)構(gòu)化和非結(jié)構(gòu)化多種數(shù)據(jù)來源。
本發(fā)明支持?jǐn)?shù)據(jù)二次篩選，實(shí)現(xiàn)對數(shù)據(jù)的深度挖掘分析。
本發(fā)明中提供的分享功能支持用戶遠(yuǎn)程查看已配置完成的儀表盤，且該功能僅需要在瀏覽器存在的情況下便可對其進(jìn)行遠(yuǎn)程查看，避免了軟件的安裝，從而給用戶提供極大的便利。
支持從數(shù)據(jù)到前端圖表樣式設(shè)計、數(shù)據(jù)綁定等全程可視化在線零代碼編輯。
附圖說明
圖1是本發(fā)明的工作流程示意圖。
具體實(shí)施方式
下面對本發(fā)明的內(nèi)容進(jìn)行更加詳細(xì)的闡述：
本發(fā)明提供的一種大數(shù)據(jù)的可視化實(shí)現(xiàn)方式，主要涉及到定義期和運(yùn)行期兩個過程，具體的實(shí)現(xiàn)方法如下所示：
1、定義期
該步驟主要實(shí)現(xiàn)頁面制作和數(shù)據(jù)綁定。其中頁面制作主要包括頁面布局、圖表選擇及查詢框等組件的設(shè)計與配置。其具體的實(shí)現(xiàn)步驟如下所示：
步驟一：首先拖拽合適的組件target進(jìn)入儀表盤設(shè)計頁面，并獲取拖拽組件的類型，如layoutType＝"col"，本發(fā)明提供的組件類型主要有布局組件、圖表組件、文本框、查詢框等；
步驟二：獲取目標(biāo)組件target的放置位置，首先根據(jù)jquery-ui自帶的placeholder屬性，獲取placeholder所在位置的前一個兄弟節(jié)點(diǎn)或者后一個兄弟節(jié)點(diǎn)dropSibDom，最后將該組件target放至兄弟節(jié)點(diǎn)dropSibDom的后面或者前面；
步驟三：根據(jù)拖拽組件的類型layoutType判斷是否支持遞歸拖拽，即是否支持組件之間的相互嵌套，若為列布局或者tab頁布局則支持嵌套，并將該組件作為下一次拖拽目標(biāo)的容器。反之，則將儀表盤設(shè)計頁面作為組件容器。確定目標(biāo)放置容器后返回第一步并重復(fù)執(zhí)行上述步驟，直至完成整個頁面的制作。
所述步驟二獲取目標(biāo)位置的具體實(shí)現(xiàn)方法如下所示：
(2-1)獲取目標(biāo)放置位置前一個兄弟節(jié)點(diǎn)dropBeforeDom：
(2-2)將目標(biāo)組件target放至兄弟節(jié)點(diǎn)dropSibDom的后面，具體的代碼如下所示：
最終完成拖拽目標(biāo)的放置。
對于數(shù)據(jù)綁定，主要是包括以下步驟：
步驟一：通過點(diǎn)擊的交互方式選擇要綁定數(shù)據(jù)的圖表；
步驟二：獲取基于OData協(xié)議的數(shù)據(jù)服務(wù)列表，選擇要展現(xiàn)的數(shù)據(jù)服務(wù)，并發(fā)送請求至后端，從而獲取元數(shù)據(jù)描述信息(字段信息)；
步驟三：選擇不同類型的數(shù)據(jù)，這里主要分為兩種類型：字符型(維度)和數(shù)據(jù)型(度量)；
步驟四：根據(jù)選擇的數(shù)據(jù)生成基于OData協(xié)議的URL請求路徑，并發(fā)送請求至后端，轉(zhuǎn)化為相應(yīng)的sql語句，最終完成數(shù)據(jù)的請求；
步驟五：根據(jù)后端返回的數(shù)據(jù)，通過js、jquery、arttemplate等技術(shù)完成圖表和數(shù)據(jù)的綁定。
所述步驟二獲取元數(shù)據(jù)描述信息的具體實(shí)現(xiàn)方式為：
(3-1)獲取基于Odata協(xié)議的數(shù)據(jù)服務(wù)列表；
(3-2)選擇要展現(xiàn)的數(shù)據(jù)服務(wù)；
(3-3)根據(jù)選擇的數(shù)據(jù)服務(wù)的URL的不同，分別采取不同的方式來獲取元數(shù)據(jù)描述：首先基于元數(shù)據(jù)的，需要將URL轉(zhuǎn)化為相應(yīng)的sql語句，然后查詢物理表，從而獲取元數(shù)據(jù)描述信息；基于數(shù)據(jù)模型的服務(wù)，則直接根據(jù)OData自帶的接口來獲取物理表中的元數(shù)據(jù)信息。
(3-4)根據(jù)元數(shù)據(jù)描述信息中數(shù)據(jù)類型的不同，分別將數(shù)據(jù)劃分至維度和度量區(qū)域中，其中字符類型的對應(yīng)維度，數(shù)據(jù)類型的對應(yīng)度量。
所述步驟五完成圖表繪制的具體過程如下所示：
(4-1)數(shù)據(jù)預(yù)處理：對于后臺返回的數(shù)據(jù)根據(jù)圖表類型的不同，分別將其轉(zhuǎn)化為圖表所需要的數(shù)據(jù)格式；
(4-2)數(shù)據(jù)校驗(yàn)：判斷所獲取數(shù)據(jù)中是否含有非法字符，如對于柱狀圖，判斷所選擇度量中的數(shù)據(jù)是否含有字符類型的，若有則提示用戶數(shù)據(jù)錯誤，反之則繼續(xù)下一步；
(4-3)數(shù)據(jù)展現(xiàn)：將格式化后的數(shù)據(jù)傳入圖表繪制接口中，最終完成圖表的繪制，實(shí)現(xiàn)數(shù)據(jù)的可視化展現(xiàn)。
以上內(nèi)容主要對定義期進(jìn)行了詳細(xì)介紹，接下來對運(yùn)行期進(jìn)行介紹：
運(yùn)行期主要完成圖表的二次查詢和共享查看。對于圖表的二次查詢，其實(shí)現(xiàn)步驟為：
步驟一：用戶輸入要查詢內(nèi)容，然后系統(tǒng)自動拼接成基于ODada協(xié)議的URL，發(fā)送請求至后端，完成數(shù)據(jù)的再次查詢；
步驟二：根據(jù)定義期查詢組件和圖表的對應(yīng)關(guān)系，對相應(yīng)的圖表進(jìn)行更新，從而完成數(shù)據(jù)的二次挖掘。
如圖1所示，用戶可先完成圖表布局的設(shè)計，然后選擇合適的圖表進(jìn)入圖表展示區(qū)域，并為其配置相應(yīng)的數(shù)據(jù)源，配置完后可通過預(yù)覽頁面對用戶設(shè)計的效果進(jìn)行查看，若效果不夠完善，用戶可返回第一步對其進(jìn)行重新部署。最終用戶可對其進(jìn)行保存分享，從而保證了儀表盤的在線共享。由上圖可看出，該發(fā)明支持用戶以拖拽的交互方式對圖表進(jìn)行重復(fù)部署，從而對已完成的儀表盤進(jìn)一步完善，既可實(shí)現(xiàn)圖表布局的重新部署，也可對圖表及數(shù)據(jù)的綁定進(jìn)行重新配置。
對于共享查看，該發(fā)明則提供URL的共享方式供用戶進(jìn)行查看，該功能僅需要在瀏覽器存在的情況下便可對其進(jìn)行遠(yuǎn)程查看，避免了軟件的安裝，從而給用戶提供極大的便利。
用戶也可通過簡單的拖拽完成數(shù)據(jù)統(tǒng)計分析頁面的繪制，從而極大地縮減了項目的開發(fā)成本。因此本發(fā)明不僅適用于業(yè)務(wù)人員進(jìn)行數(shù)據(jù)分析構(gòu)建數(shù)據(jù)模型，也適用于開發(fā)人員進(jìn)行數(shù)據(jù)展示頁面開發(fā)的制作。