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

在審

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

1.實現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餅圖的主要功能模塊。

2.根據權利要求1所述的實現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；

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

在render函數中創建echarts的實例，然后根據3D餅圖的數據data創建若干個surface組件配置項，通過扇面生成器生成扇面曲面方程，并將扇面曲面方程賦值給surface組件配置項，將surface組件配置項合并成echarts總體配置，通過echarts.setOption函數將echarts總體配置賦值給echarts實例，完成腳本echarts-pie3d.js的創建。

3.根據權利要求2所述的實現3D餅圖的方法，其特征在于，所述配置項還包括3D餅圖扇面的最大高度height、3D餅圖的可視距離distance、3D餅圖的仰角alpha以及3D餅圖的顏色color。