[發明專利]一種前端頁面圖表組件化的方法

在審

• 申請號: 201811474872.6
• 申請日: 2018-12-04
• 公開（公告）號: CN109697254A
• 公開（公告）日: 2019-04-30
• 發明（設計）人: 張躍聰;季統凱
• 申請（專利權）人: 國云科技股份有限公司
• 主分類號: G06F16/904
• 分類號: G06F16/904;G06F17/24
• 代理公司: 廣東莞信律師事務所 44332
• 代理人: 陳熙

1.一種前端頁面圖表組件化的方法，其特征在于，所述方法包括：

步驟1：將定義圖表數據源的裝配、圖表初始化、圖表監聽以及圖表的重繪和銷毀通用事件組件化為子組件；

步驟2：在父組件中獲取后臺返回的數據，將自定義的圖表配置參數以及數據封裝成一個對象作為傳入子組件的數據源；

步驟3：把父組件已經封裝好的數據源對象以父子組件通信的形式傳遞給子組件進一步處理；

步驟4：子組件接收傳入的參數并加入默認配置，再次對其進行裝配成一個新的對象；

步驟5：子組件將已裝配好的對象傳給初始化圖表事件處理，同時在初始化圖表事件中加入圖表的重繪和銷毀事件以保證在觸發監聽事件重繪或銷毀圖表時，圖表的內容能及時清空再重繪或銷毀，然后向父組件返回結果。

2.根據權利要求1所述的方法，其特征在于：所述圖表配置是指圖表的展現形式、顏色、圖表和字體大小、圖表位置、提示框。

3.根據權利要求1所述的方法，其特征在于：所述的圖表監聽是監聽瀏覽器窗口大小變更并重繪圖表，使圖表能依據當前窗口大小來改變尺寸、用watch監聽父組件中數據源的變化并重繪圖表。

4.根據權利要求2所述的方法，其特征在于：所述的圖表監聽是監聽瀏覽器窗口大小變更并重繪圖表，使圖表能依據當前窗口大小來改變尺寸、用watch監聽父組件中數據源的變化并重繪圖表。

5.根據權利要求1至4任一項所述的方法，其特征在于：所述的步驟4是指對傳入子組件的數據源進行處理并得到所需的數據形式，最終傳入到其所對應的初始化圖表事件中去進行圖表初始化操作。

6.根據權利要求1至4任一項所述的方法，其特征在于：所述的方法自定義一套統一的圖表配置，然后只需傳入各個圖表不相同的配置，在裝配時通過遍歷來識別是否定義了與默認配置不同的配置項；若不同，則替換默認配置項；若相同或沒有配置，則使用默認配置項。

7.根據權利要求5所述的方法，其特征在于：所述的方法自定義一套統一的圖表配置，然后只需傳入各個圖表不相同的配置，在裝配時通過遍歷來識別是否定義了與默認配置不同的配置項；若不同，則替換默認配置項；若相同或沒有配置，則使用默認配置項。