本發(fā)明屬于計算機(jī)技術(shù)領(lǐng)域，具體涉及一種針對配電網(wǎng)參數(shù)類信息可視化展現(xiàn)方法。

背景技術(shù)：

隨著國家電網(wǎng)公司不斷加大對配電網(wǎng)建設(shè)的投入，配電網(wǎng)規(guī)劃相關(guān)數(shù)據(jù)分析需求越來越多。依靠傳統(tǒng)的bi展現(xiàn)技術(shù)或者市場成熟產(chǎn)品無法滿足用戶多樣化分析需求。由于分析場景的個性化和多樣化，導(dǎo)致需要從定制開發(fā)到部署上線的完整開發(fā)周期，無法滿足數(shù)據(jù)分析有實效性的要求。

技術(shù)實現(xiàn)要素：

本發(fā)明的目的在于提供一種針對配電網(wǎng)參數(shù)類信息可視化展現(xiàn)方法，該方法可實現(xiàn)對電網(wǎng)規(guī)劃數(shù)據(jù)分析報表的快速發(fā)布；業(yè)務(wù)人員或者數(shù)據(jù)分析人員，無需安裝軟件，可通過瀏覽器在線配置，所見即所得。

為實現(xiàn)上述目的，本發(fā)明的技術(shù)方案是：一種針對配電網(wǎng)參數(shù)類信息可視化展現(xiàn)方法，提供一可視化分析引擎，包括界面設(shè)計器、界面解析引擎、組件管理、報表管理、數(shù)據(jù)源管理、查詢引擎，所述可視化展現(xiàn)方法具體實現(xiàn)如下，

s1、組件管理：將組件當(dāng)做報表里面的任意一個元素，具有完整的生命周期，該生命周期包括組件的初始化、運行、銷毀三個狀態(tài)；

組件初始化：從組件創(chuàng)建過程通過prototype繼承父類的特性，通過initbase方法初始化從父類繼承過來的變量和數(shù)據(jù)；接著通過ajax的方式請求數(shù)據(jù)，數(shù)據(jù)包括模型數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)，所述模型數(shù)據(jù)是組件的基本屬性信息，通過分解組件更小的組成部分，被定義為最小的不可拆解的元素，該些元素根據(jù)模型信息的定義組織在一起；所述業(yè)務(wù)數(shù)據(jù)是組件具體的分析數(shù)據(jù)，與組件進(jìn)行綁定；

組件運行：組件運行包括點擊聯(lián)動、雙擊鉆取、點擊彈出、點擊聯(lián)動；通過定義linkcharts、dlinkcharts、link方法進(jìn)行觸發(fā)；

組件銷毀：定義destroy方法，當(dāng)組件被移除時候，系統(tǒng)自動調(diào)用該方法；

s2、數(shù)據(jù)源管理：數(shù)據(jù)源管理報表的數(shù)據(jù)來源信息，提供數(shù)據(jù)采集入口，包括傳統(tǒng)數(shù)據(jù)源和大數(shù)據(jù)數(shù)據(jù)源信息；

s3、界面設(shè)計器：界面設(shè)計器包括界面設(shè)置布局區(qū)、操作區(qū)和組件區(qū)；所述界面設(shè)置布局區(qū)：定義div容器對象，設(shè)置拖放監(jiān)聽，當(dāng)有組件拖放到布局區(qū)的時候，觸發(fā)insertcomp2page添加動作；所述操作區(qū)：包括界面全局信息定義、排版、預(yù)覽、展現(xiàn)比例操作；所述組件區(qū)：在組件管理的基礎(chǔ)上進(jìn)行羅列；

基于html5和css3相關(guān)技術(shù)，利用javascript動態(tài)執(zhí)行特性以及dom的框架，實現(xiàn)界面展示控件的拖拉，動態(tài)構(gòu)建；基于組件配置的預(yù)置的屬性信息，用戶能夠?qū)M件的展現(xiàn)樣式進(jìn)行調(diào)整，組件可在界面設(shè)置布局區(qū)根據(jù)坐標(biāo)設(shè)置自由擺放，通過拖拉改變組件的width和height寬高參數(shù)，改變組件的大??；組件間的邏輯關(guān)系，可以在線進(jìn)行配置，實現(xiàn)組件包括聯(lián)動、動作、刷新的功能；

s4、界面解析引擎：根據(jù)javasript和dom動態(tài)執(zhí)行特效，能夠從數(shù)據(jù)庫中已經(jīng)存儲好的數(shù)據(jù)，在前端進(jìn)行解析執(zhí)行；利用ajax異步取數(shù)的特性，分離前臺展現(xiàn)和后臺數(shù)據(jù)處理。

相較于現(xiàn)有技術(shù)，本發(fā)明具有以下有益效果：本發(fā)明方法創(chuàng)新性的把界面展現(xiàn)控件元素化和對象化，充分拆解和細(xì)分組件和元素之間的關(guān)系和模型，極大地提高的布局和展現(xiàn)的靈活性，極大的縮短了報表開發(fā)周期，節(jié)省了報表開發(fā)成本，更充分發(fā)揮的分析人員的主觀能動性。

附圖說明

圖1為本發(fā)明方法采用的大數(shù)據(jù)可視化展現(xiàn)技術(shù)架構(gòu)圖

圖2為本發(fā)明組件管理示意圖。

圖3為本發(fā)明數(shù)據(jù)源管理示意圖。

具體實施方式

下面結(jié)合附圖，對本發(fā)明的技術(shù)方案進(jìn)行具體說明。

如圖1所示，本發(fā)明一種針對配電網(wǎng)參數(shù)類信息可視化展現(xiàn)方法，本發(fā)明方案總體上包括：界面設(shè)計器、界面解析引擎、組件管理、報表管理、數(shù)據(jù)源管理、查詢引擎。具體實現(xiàn)步驟如下：

第一步：組件管理（如圖2所示）

把組件當(dāng)做報表里面的任意一個元素，具有完整的生命周期。包括組件的初始化、運行、銷毀三個狀態(tài)。

組件初始化：從組件創(chuàng)建過程通過prototype繼承父類的特性，通過initbase方法初始化從父類繼承過來的變量和數(shù)據(jù)。接著通過ajax的方式請求數(shù)據(jù)，數(shù)據(jù)包括模型數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù)。模型數(shù)據(jù)是組件的基本屬性信息，通過分解組件更小的組成部分，被定義為最小的不可拆解的元素。這些元素根據(jù)模型信息的定義組織在一起，例如標(biāo)題、圖例、提示、顏色、字體、滾動條等信息。業(yè)務(wù)數(shù)據(jù)是組件具體的分析數(shù)據(jù)，以特定的規(guī)范要求與組件進(jìn)行綁定。

組件運行：組件運行包括點擊聯(lián)動、雙擊鉆取、點擊彈出、點擊聯(lián)動。定義linkcharts、dlinkcharts、link方法進(jìn)行觸發(fā)。

組件銷毀：定義destroy方法，當(dāng)組件被移除時候，系統(tǒng)自動調(diào)用該方法。

第二步：數(shù)據(jù)源管理（如圖3所示）

數(shù)據(jù)源管理報表的數(shù)據(jù)來源信息，提供數(shù)據(jù)采集入口，包括傳統(tǒng)數(shù)據(jù)源和大數(shù)據(jù)數(shù)據(jù)源等信息。

第三步：界面設(shè)計器

界面設(shè)置布局區(qū)、操作區(qū)和組件區(qū)。

布局區(qū)：定義div容器對象，設(shè)置拖放監(jiān)聽，當(dāng)有組件拖放到布局區(qū)的時候，觸發(fā)insertcomp2page添加動作。

操作區(qū)：包括界面全局信息定義、排版、預(yù)覽、展現(xiàn)比例等操作。

組件區(qū)：在組件管理的基礎(chǔ)上進(jìn)行羅列。

基于html5和css3相關(guān)技術(shù)，利用javascript動態(tài)執(zhí)行特性以及目前靈活操作dom的框架，實現(xiàn)界面展示控件的拖拉，動態(tài)構(gòu)建?；诮M件配置的預(yù)置的屬性信息，用戶可以對組件的展現(xiàn)樣式進(jìn)行調(diào)整，組件可在布局區(qū)根據(jù)坐標(biāo)設(shè)置自由擺放，通過拖拉改變組件的width和height寬高參數(shù)，改變組件的大小。組件間的邏輯關(guān)系，可以在線進(jìn)行配置，實現(xiàn)組件的聯(lián)動、動作、刷新等功能。界面信息存儲包括布局信息、組件信息。其中布局信息主要存儲組件的位置、大小信息，把html信息存儲起來。組件信息涉及到關(guān)系信息、展現(xiàn)邏輯信息、取數(shù)信息，以多字段方式進(jìn)行存儲。

第四步：界面設(shè)計器

根據(jù)javasript和dom動態(tài)執(zhí)行特效，可以從數(shù)據(jù)庫中已經(jīng)存儲好的數(shù)據(jù)，在前端進(jìn)行解析執(zhí)行。利用ajax異步取數(shù)的特性，分離前臺展現(xiàn)和后臺數(shù)據(jù)處理。

以上是本發(fā)明的較佳實施例，凡依本發(fā)明技術(shù)方案所作的改變，所產(chǎn)生的功能作用未超出本發(fā)明技術(shù)方案的范圍時，均屬于本發(fā)明的保護(hù)范圍。

技術(shù)特征：

技術(shù)總結(jié)
本發(fā)明涉及一種針對配電網(wǎng)參數(shù)類信息可視化展現(xiàn)方法。該方法提出一種針對配電網(wǎng)參數(shù)類信息可視化展現(xiàn)技術(shù)，創(chuàng)新性的把界面展現(xiàn)控件元素化和對象化，充分拆解和細(xì)分組件和元素之間的關(guān)系和模型，極大地提高的布局和展現(xiàn)的靈活性，極大的縮短了報表開發(fā)周期，節(jié)省了報表開發(fā)成本，更充分發(fā)揮的分析人員的主觀能動性。

技術(shù)研發(fā)人員：張林垚;鄭潔云;吳桂聯(lián);楊亨漂;劉心;林超
受保護(hù)的技術(shù)使用者：國網(wǎng)福建省電力有限公司;國家電網(wǎng)公司;國網(wǎng)福建省電力有限公司經(jīng)濟(jì)技術(shù)研究院;福建億榕信息技術(shù)有限公司
技術(shù)研發(fā)日：2017.04.21
技術(shù)公布日：2017.09.01