[發(fā)明專利]拖拽式的多組件混合應(yīng)用的數(shù)據(jù)可視化系統(tǒng)

有效

• 申請(qǐng)?zhí)枺?/td>: 202010242002.7
• 申請(qǐng)日: 2020-03-30
• 公開（公告）號(hào): CN111427906B
• 公開（公告）日: 2023-06-09
• 發(fā)明（設(shè)計(jì)）人: 趙銘;易文峰;梁培;羅珍明;石剛;杜祺;楊賽;陳佳山
• 申請(qǐng)（專利權(quán)）人: 南方電網(wǎng)數(shù)字平臺(tái)科技（廣東）有限公司
• 主分類號(hào): G06F16/242
• 分類號(hào): G06F16/242;G06F16/248;G06F16/27;G06F16/22;G06F3/0482;G06F3/0486
• 代理公司: 北京品源專利代理有限公司 11332
• 代理人: 潘登

1.一種拖拽式的多組件混合應(yīng)用的數(shù)據(jù)可視化系統(tǒng)，其特征在于，所述系統(tǒng)包括：數(shù)據(jù)源管理模塊、數(shù)據(jù)集管理模塊以及數(shù)據(jù)報(bào)告管理模塊；

數(shù)據(jù)源管理模塊，用于獲取并保存數(shù)據(jù)庫類型的數(shù)據(jù)源的配置信息，基于所述配置信息中的同步規(guī)則對(duì)所述數(shù)據(jù)庫類型的數(shù)據(jù)源中被選定的數(shù)據(jù)表進(jìn)行表結(jié)構(gòu)同步，同步完成后，在所述數(shù)據(jù)庫類型的數(shù)據(jù)源的數(shù)據(jù)表列表中顯示符合所述同步規(guī)則的數(shù)據(jù)表；

數(shù)據(jù)集管理模塊，用于接收第一拖拽操作以及第一選擇操作，以所述第一選擇操作對(duì)應(yīng)的關(guān)聯(lián)類型對(duì)所述第一拖拽操作對(duì)應(yīng)的數(shù)據(jù)表進(jìn)行關(guān)聯(lián)，得到數(shù)據(jù)集；

數(shù)據(jù)報(bào)告管理模塊，用于接收第二選擇操作，并根據(jù)所述第二選擇操作顯示對(duì)應(yīng)的設(shè)計(jì)面板，接收第二拖拽操作，并根據(jù)所述第二拖拽操作將對(duì)應(yīng)的組件顯示在所述設(shè)計(jì)面板上，接收組件設(shè)置信息，根據(jù)所述組件設(shè)置信息設(shè)置所述組件的顯示樣式，接收數(shù)據(jù)綁定配置信息，根據(jù)所述數(shù)據(jù)綁定配置信息將對(duì)應(yīng)的數(shù)據(jù)集與所述組件進(jìn)行綁定，將所述設(shè)計(jì)面板中的所述組件轉(zhuǎn)換成頁面元素占位，并根據(jù)分辨率及瀏覽器大小，自動(dòng)對(duì)所述頁面元素進(jìn)行等比縮放展示，從所述數(shù)據(jù)集中獲取數(shù)據(jù)并綁定到組件上進(jìn)行顯示；

所述數(shù)據(jù)報(bào)告管理模塊包括：組件庫、設(shè)計(jì)子模塊、事件子模塊以及渲染子模塊，所述組件庫，包含若干預(yù)置的數(shù)據(jù)展示類組件以及查詢控制類組件；所述設(shè)計(jì)子模塊，包含報(bào)告設(shè)計(jì)面板、大屏設(shè)計(jì)面板以及報(bào)表設(shè)計(jì)面板；所述事件子模塊，基于JS事件機(jī)制，在組件與數(shù)據(jù)集之間實(shí)現(xiàn)數(shù)據(jù)的交互聯(lián)動(dòng)；所述渲染子模塊，基于設(shè)計(jì)子模塊和事件子模塊上的配置信息進(jìn)行數(shù)據(jù)的可視化統(tǒng)計(jì)展示頁面渲染；

當(dāng)基于第二選擇操作顯示報(bào)告設(shè)計(jì)面板或大屏設(shè)計(jì)面板時(shí)，基于第二拖拽操作從組件庫中選擇需要展示的組件，基于組件設(shè)置信息設(shè)置組件的顯示樣式，所述組件設(shè)置信息包括顏色、邊距、大小，接收數(shù)據(jù)綁定配置信息，數(shù)據(jù)綁定配置信息包括數(shù)據(jù)集及顯示字段信息，設(shè)置顯示字段的聚合方式，聚合方式包括最大值、最小值、平均值，對(duì)綁定的數(shù)據(jù)集進(jìn)行過濾條件及數(shù)據(jù)集參數(shù)綁定。

2.如權(quán)利要求1所述的系統(tǒng)，其特征在于，所述數(shù)據(jù)源管理模塊，還用于：

將excel類型的數(shù)據(jù)源中的每個(gè)sheet頁轉(zhuǎn)換成數(shù)據(jù)表，將轉(zhuǎn)換后的數(shù)據(jù)表顯示在所述excel類型的數(shù)據(jù)源的數(shù)據(jù)表列表中，并在接收到修改操作時(shí)，對(duì)所述數(shù)據(jù)表列表中的數(shù)據(jù)表或者表字段別名進(jìn)行修改。

3.如權(quán)利要求1所述的系統(tǒng)，其特征在于，所述數(shù)據(jù)集管理模塊，還用于：

接收SQL語句，對(duì)所述SQL語句對(duì)應(yīng)的數(shù)據(jù)表進(jìn)行關(guān)聯(lián)，得到數(shù)據(jù)集，其中，所述SQL語句中出現(xiàn)的參數(shù)暴露成所述數(shù)據(jù)集的參數(shù)。

4.如權(quán)利要求3所述的系統(tǒng)，其特征在于，當(dāng)接收到引入操作時(shí)，將所述引入操作對(duì)應(yīng)的自定義組件引入所述組件庫。

5.如權(quán)利要求3所述的系統(tǒng)，其特征在于，事件子模塊包括：事件配置子子模塊、事件監(jiān)聽子子模塊、事件廣播子子模塊以及事件執(zhí)行子子模塊；事件配置子子模塊，用于配置組件聯(lián)動(dòng)、跳轉(zhuǎn)、導(dǎo)出、顯示/隱藏事件以及自定義JS事件；事件監(jiān)聽子子模塊，用于創(chuàng)建組件事件監(jiān)聽，包括監(jiān)聽下拉框的數(shù)據(jù)改變事件；事件廣播子子模塊，用于組件廣播事件，包括下拉框數(shù)據(jù)改變后，廣播通知設(shè)計(jì)面板中關(guān)聯(lián)的其他組件需要進(jìn)行相應(yīng)的事件觸發(fā)；事件執(zhí)行子子模塊，用于組件執(zhí)行監(jiān)聽到的事件。

6.如權(quán)利要求3所述的系統(tǒng)，其特征在于，渲染子模塊包括：頁面元素渲染子子模塊、組件事件渲染子子模塊以及組件數(shù)據(jù)渲染子子模塊；頁面元素渲染子子模塊，用于將設(shè)計(jì)面板中的組件轉(zhuǎn)換成頁面元素占位，并根據(jù)分辨率及瀏覽器大小，自動(dòng)對(duì)所述頁面元素進(jìn)行等比縮放展示；組件事件渲染子子模塊，用于調(diào)用事件子模塊綁定和執(zhí)行對(duì)應(yīng)組件事件，組件事件包括組件上各類初始化事件、單擊事件、數(shù)據(jù)改變事件以及回車事件；組件數(shù)據(jù)渲染子子模塊，用于根據(jù)組件數(shù)據(jù)配置從數(shù)據(jù)集中獲取數(shù)據(jù)并綁定到組件上進(jìn)行顯示。

7.如權(quán)利要求1至6中任一項(xiàng)所述的系統(tǒng)，其特征在于，所述系統(tǒng)基于B/S構(gòu)架。