[發明專利]實現3D餅圖的方法、系統、設備及可讀存儲介質

在審

• 申請號: 202210356847.8
• 申請日: 2022-04-06
• 公開（公告）號: CN114691116A
• 公開（公告）日: 2022-07-01
• 發明（設計）人: 劉鵬飛;王毅;趙亮
• 申請（專利權）人: 西安熱工研究院有限公司;西安西熱電站信息技術有限公司
• 主分類號: G06F8/34
• 分類號: G06F8/34;G06F8/38;G06F16/958
• 代理公司: 西安通大專利代理有限責任公司 61200
• 代理人: 賀小停

本發明公開了一種實現3D餅圖的方法、系統、設備及介質，創建HTML頁面，通過script標簽將javascript腳本echarts.js、echarts?gl.js及echarts?pie3d.js嵌入到HTML頁面中；在HTML頁面中加入DIV元素，并且通過echarts將DIV元素創建為echarts實例；創建3D餅圖所需要的配置項，并且將配置項賦值到echarts實例，echarts?pie3d.js即在HTML界面上生成對應的3D餅圖。本發明對echarts缺少的3D餅圖進行補充，豐富echarts的數據展示方式。

技術領域

本發明屬于數據可視化前端展示技術領域，具體涉及一種基于echarts實現3D餅圖的方法、系統、設備及可讀存儲介質。

背景技術

大數據時代，隨著信息化的進步、數據幾何級數的增長，傳統的數據報表、表格已經無法對數據規律直觀的進行展示，大量的數據只有通過數據可視化才能洞悉其中的規律。echarts是一款數據可視化的基礎工具庫，其中提供了多種多樣的圖表展示方式。基于echarts可以開發出絢麗的數據可視化場景界面。

雖然echarts內置了多種多樣的圖表展示方式，但是經過多個版本的迭代，echarts一直都沒有提供3D餅圖，按照官方的說法，3D餅圖由于視覺的差異，無法進行精準的數據對比，所以不提供也不建議在數據可視化項目中使用3D餅圖。但是在數據可視化項目中，或多或少都會有一些3D餅圖的數據展示需求。一般情況，解決方案都是再引入其它有3D餅圖的基礎工具庫，這樣不僅會導致項目體積過大，而且也會出現圖表樣式不兼容的情況。

發明內容

本發明的目的在于提供一種基于echarts實現3D餅圖的方法、系統、設備及可讀存儲介質，以克服現有技術存在的缺陷，本發明對echarts缺少的3D餅圖進行補充，豐富echarts的數據展示方式。

為達到上述目的，本發明采用如下技術方案：

實現3D餅圖的方法，所述方法包括：

創建HTML頁面，通過script標簽將javascript腳本echarts.js、echarts-gl.js及echarts-pie3d.js嵌入到HTML頁面中；

在HTML頁面中加入DIV元素，并且通過echarts將DIV元素創建為echarts實例；

創建3D餅圖所需要的配置項，并且將配置項賦值到echarts實例，echarts-pie3d.js即在HTML界面上生成對應的3D餅圖；

其中，所述腳本echarts.js為echarts的主要功能模塊，所述腳本echarts-gl.js為標準3D圖表功能模塊，所述腳本echarts-pie3d.js為繪制3D餅圖的主要功能模塊。

進一步地，所述腳本echarts-pie3d.js的創建過程具體為：

通過script標簽將javascript腳本echarts.js和echarts-gl.js嵌入到新的HTML頁面中；

創建echarts-pie3d.js文件，所述echarts-pie3d.js文件實現用于擴展echarts組件的兩個必要接口：用于創建3D餅圖界面的echarts.extendChartView及用于處理3D餅圖數據配置的echarts.extendSeriesModel；所述echarts.extendChartView包括用于繪制具體3D餅圖圖形的render函數，所述echarts.extendSeriesModel包括用于3D餅圖圖形數據的標準化處理的getInitialData函數、用于返回3D餅圖的默認配置項的defaultOption函數以及用于在配置項發生變更后進行圖形數據處理的optionUpdated函數；所述配置項包括3D餅圖的數據data和3D餅圖的空心度space；

利用配置項創建扇面生成器；