[發明專利]實時數據在web應用中的自定義可視化展示方法

有效

• 申請號: 201711455191.0
• 申請日: 2017-12-28
• 公開（公告）號: CN108153886B
• 公開（公告）日: 2021-02-02
• 發明（設計）人: 錢蘇晉;劉愛軍;張成虎;康紀華;張愛新
• 申請（專利權）人: 北京恒泰實達科技股份有限公司
• 主分類號: G06F16/957
• 分類號: G06F16/957
• 代理公司: 北京市盛峰律師事務所 11337
• 代理人: 席小東

本發明提供一種實時數據在web應用中的自定義可視化展示方法，包括：設計器將顯示控件的屬性信息以及綁定的數據源ID的對應關系；數據源的數據實時到達WEB播放器時，WEB播放器根據數據源ID，查詢到對應的顯示控件組件；然后，WEB播放器調用查詢到的顯示控件組件，并采用數據源渲染查詢到的顯示控件組件中的顯示控件，實現動態實時數據的自定義可視化展示。優點為：WEB播放器將重構的對顯示控件組件與數據源綁定，當數據源數據動態變化時，只需要對顯示控件組件進行渲染，即可實現以圖表等方式實時動態顯示數據，而不需要頻繁構造對應的顯示控制，從而提高了數據動態可視化顯示的效率。

技術領域

本發明屬于數據展示技術領域，具體涉及一種實時數據在web應用中的自定義可視化展示方法。

背景技術

目前，數據可視化工具主要采用以下方法實現數據的可視化展示：每當到來一條數據時，需要構造自定義的一個展示控件，然后，采用展示組件顯示數據。因此，由于每當到來一條數據時，均需要構造一個展示組件，具有數據可視化展示的速度慢的問題，無法滿足實時高效展示數據的需求。

發明內容

針對現有技術存在的缺陷，本發明提供一種實時數據在web應用中的自定義可視化展示方法，可有效解決上述問題。

本發明采用的技術方案如下：

本發明提供一種實時數據在web應用中的自定義可視化展示方法，包括以下步驟：

步驟1，設計器配置有若干個不同類型的顯示控件；對于每種類型的顯示控制，均執行以下步驟2-步驟6；

步驟2，將顯示控件拖動到所創建的畫布上面；

對布置于所述畫布的顯示控件進行自定義設置，設置所述顯示控件的屬性信息，同時，每個所述顯示控件均綁定待展示數據的數據源ID；

步驟3，設計器將顯示控件的屬性信息以及綁定的數據源ID的對應關系，作為一條記錄信息存儲到記錄數據庫中；

此外，設計器創建并維護記錄列表，所述記錄列表存儲每條記錄信息的記錄ID；每當所述設計器向所述數據庫中存儲一條記錄信息時，所述設計器即更新所述記錄列表；所述設計器將所述記錄列表存儲到記錄列表數據庫中；

步驟4，WEB播放器啟動后，從所述記錄列表數據庫中加載所述記錄列表，在所述WEB播放器的播放列表中，以列表形式顯示每條記錄信息的記錄ID；對于每條記錄ID，均執行步驟5和步驟6；

步驟5，觸發某條記錄ID，所述WEB播放器向所述記錄數據庫中發送查詢所述記錄ID對應的記錄信息的查詢請求消息；所述WEB播放器接收所述記錄數據庫返回的記錄信息；所述WEB播放器解析所述記錄信息，獲得顯示控件的屬性信息以及綁定的數據源ID；

然后，所述WEB播放器根據所述顯示控件的屬性信息，重構出對應的顯示控件；重構出的顯示控件綁定數據源ID；

步驟6，所述WEB播放器將重構出的顯示控件以及綁定的數據源ID，作為顯示控件組件保存；

至此，將設計器自定義的每個類型的顯示控件及綁定的數據源ID，均轉化為WEB播放器中的對應的顯示控件組件；

步驟7，由于每個顯示控件組件均包括綁定的重構出的顯示控件以及綁定的數據源ID，由此實現了數據源和重構出的顯示控件的同步性；因此，數據源的數據實時到達所述WEB播放器時，所述WEB播放器根據數據源ID，查詢到對應的顯示控件組件；然后，所述WEB播放器調用查詢到的所述顯示控件組件，并采用所述數據源渲染查詢到的顯示控件組件中的顯示控件，實現動態實時數據的自定義可視化展示。

優選的，步驟1中，所述顯示控件包括數據圖表類型控件和圖片類型控件。

優選的，所述數據圖表類型控件包括柱狀圖類型控件、折線圖類型控件或泡泡圖類型控件。