[發明專利]一種自定義可視化布局設計的方法

在審

• 申請號: 202010937572.8
• 申請日: 2020-09-09
• 公開（公告）號: CN112130943A
• 公開（公告）日: 2020-12-25
• 發明（設計）人: 劉建
• 申請（專利權）人: 中盈優創資訊科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F16/957
• 代理公司: 上海嘉藍專利代理事務所(普通合伙) 31407
• 代理人: 金波

1.一種自定義可視化布局設計的方法，其特征在于，該方法包括：

布局設置界面初始化加載，加載可供選擇的業務模塊中的組件及對應初始化布局網格的設置；

選擇好需要顯示的組件及初始化的網格屬性后，按屬性值和選擇的組件按順序顯示在網格中，此時編排顯示組件的二次設置，上述編排隨時改變配置數據，最終用戶保存好設置數據；

在對布局組件的二次設置結束后，對每個組件的功能進行設置；

無需預覽，編排即所見，保存可視化組件布局數據，即完成一份用戶自定義的可視化頁面的設計；

最終用戶登錄系統顯示的可視化頁面根據登錄用戶的鑒權信息顯示的即為該用戶之前設置的組件布局頁面。

2.根據權利要求1所述的自定義可視化布局設計的方法，其特征在于，所述初始化布局網格的設置中包括全屏的網格寬度、每個網格的高度、具體每個拖拽組件之間間隔和主題顏色。

3.根據權利要求2所述的自定義可視化布局設計的方法，其特征在于，所述全屏的網格寬度為屏幕的顯示像素，默認分為24等分；所述每個網格的高度，默認20px；所述具體每個拖拽組件之間間隔，默認30px。

4.根據權利要求2所述的自定義可視化布局設計的方法，其特征在于，所述主題顏色包括柱、線圖的漸變顏色以及字體顏色。

5.根據權利要求2所述的自定義可視化布局設計的方法，其特征在于，所述具體每個拖拽的組件按照當前瀏覽器寬度計算出實際渲染的組件寬度。

6.根據權利要求1所述的自定義可視化布局設計的方法，其特征在于，所述可供選擇的業務模塊中的組件是多選的，同時選擇多個需要顯示的組件。

7.根據權利要求1所述的自定義可視化布局設計的方法，其特征在于，所述編排顯示組件的二次設置，包括：

任意拖拽組件的位置及大小，默認24等分，在默認顯示時每行顯示三個組件，當調整每個組件的寬度時，若超過24等分，第三個組件將無法在第一行顯示下，被自動放置到第二行，后續組件將自動向后移動，或者減小第三個組件所占空間；當調整每個組件的高度時，將下面的組件向下自動移動，每次組件的位置移動會自動計算組件所占的BoundingBox的所占空間，盒子大小空間超過排布空間的大小，會順序往后移動。

8.根據權利要求1所述的自定義可視化布局設計的方法，其特征在于，所述配置數據中是按等分來記錄組件在布局網格中的占比。

9.根據權利要求1所述的自定義可視化布局設計的方法，其特征在于，所述最終用戶保存好設置數據包含初始化數據、顯示組件數據以及通過組件位置變化和拖拽組件大小設置的寬高而保存的布局數據。

10.根據權利要求1所述的自定義可視化布局設計的方法，其特征在于，所述對每個組件的功能進行設置，包括：

開放哪些組件具有最大化、重新加載數據或組件顯示內部的設置。