[發明專利]多層級主題配置方法、裝置及應用

在審

• 申請號: 202111410103.1
• 申請日: 2021-11-19
• 公開（公告）號: CN113918157A
• 公開（公告）日: 2022-01-11
• 發明（設計）人: 郁強;胡飛;牛宇鵬
• 申請（專利權）人: 城云科技（中國）有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F8/36;G06F8/71
• 代理公司: 杭州匯和信專利代理有限公司 33475
• 代理人: 薛文玲

本申請提出了一種多層級主題配置方法、裝置及應用，其中，所述方法包括：創建主題提供組件以及與所述主題提供組件對應的主題發送器，其中，所述主題組件中內置主題配置數據；創建應用組件以及與所述應用組件對應的主題接收器，將所述應用組件置為所述主題提供組件的子組件；通過所述主題接收器接收所述主題發送器發送的主題配置數據，將所述應用組件內部創建的實例對象所應用的主題設定為所述主題配置數據。采本申請用劃分各主題應用范圍的層次實現了處于上級的主題提供組件能把主題發送器發送給處于其下級的所有應用組件的目的，具有能夠批量設置圖表主題的有益效果。

技術領域

本申請涉及前端數據可視化圖表處理技術領域，特別是涉及一種多層級主題配置方法、裝置及應用。

背景技術

“數據可視化”指的是將數據轉換成圖形或者圖像在屏幕上顯示出來，從而幫助我們快速、準確理解數據，一直以來是熱門方向。其中，通過圖表形式展現數據“數據可視化”的常用手段。

ECharts是一款基于Javascript的數據可視化圖表庫，提供直觀、生動、可交互、可個性化定制的數據可視化圖表。基于ECharts所展示的頁面可以同時存在多套主題，使不同的圖表應用不同的主題，即不同的展示風格。

現有技術中設置ECharts多主題圖表通常采用全局注冊的方法。具體地，當需要為多個圖表對象應用不同主題風格時，往往要在圖表構造類上注冊多個主題，然后在圖表對象初始化時逐一手動選擇應用具體的主題。采用這種方式存在無法做到批量為不同圖表設定不同主題、不利于主題靈活設定的問題。

綜上，針對現有技術中對多主題圖表在設定主題時存在的無法批量設置的問題，目前尚未得到有效解決方案。

發明內容

本申請實施例提供了一種多層級主題配置方法、裝置及應用，針對現有的多主題圖表在設定主題時無法做到批量設定的問題，采用劃分各主題應用范圍的層次實現了處于上級的主題提供組件能把主題發送器發送給處于其下級的所有應用組件的目的，具有能夠批量設置圖表主題的有益效果。

第一方面，本申請實施例提供了一種多層級主題配置方法，所述方法包括：創建主題提供組件以及與所述主題提供組件對應的主題發送器，其中，所述主題組件中內置主題配置數據；創建應用組件以及與所述應用組件對應的主題接收器，將所述應用組件置為所述主題提供組件的子組件；通過所述主題接收器接收所述主題發送器發送的主題配置數據，將所述應用組件內部創建的實例對象所應用的主題設定為所述主題配置數據。

在其中一些實施例中，所述主題提供組件被配置為多個，不同所述主題提供組件之間相互嵌套形成不同所述主題提供組件間的上下級關系，每一所述主題提供組件內置一所述主題配置數據，上級主題提供組件發送的所述主題配置數據的優先級低于下級主題提供組件。

在其中一些實施例中，所述主題提供組件通過所述主題發送器向處于其下級的下級組件發送主題配置數據，其中，所述下級組件包括所述主題提供組件和/或所述應用組件。

在其中一些實施例中，所述主題提供組件和/或所述應用組件為vue框架所對應的組件。

在其中一些實施例中，所述主題發送器、所述主題接收器為基于vue框架的上下級組件通訊工具，其中，所述主題發送器包括provide api，所述主題接收器包括inject api，在所述主題提供組件被配置為多個的情況下，inject api獲取所對應的所述應用組件的最近上級的provide api發送的所述主題配置數據并屏蔽來自所對應的所述應用組件的更高上級provide api提供的所述主題配置數據。

在其中一些實施例中，在所述應用組件內部還設有主題設定器；其中，所述主題設定器內置主題設定方法，通過調用所述主題設定方法為所述實例對象設置主題。

在其中一些實施例中，在所述應用組件內部還設有渲染參數配置接收器和渲染器，通過所述渲染參數配置接收器生成參數實例的參數配置信息并通過所述渲染器執行渲染。