diff --git a/package-lock.json b/package-lock.json
index f786e1b..3ed0d12 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,6 +9,7 @@
       "version": "0.0.0",
       "dependencies": {
         "echarts": "^5.4.2",
+        "echarts-gl": "^2.0.9",
         "sass": "^1.60.0",
         "vue": "^3.2.47",
         "vue-router": "^4.1.6"
@@ -230,6 +231,11 @@
         "fsevents": "~2.3.2"
       }
     },
+    "node_modules/claygl": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmmirror.com/claygl/-/claygl-1.3.0.tgz",
+      "integrity": "sha512-+gGtJjT6SSHD2l2yC3MCubW/sCV40tZuSs5opdtn79vFSGUgp/lH139RNEQ6Jy078/L0aV8odCw8RSrUcMfLaQ=="
+    },
     "node_modules/csstype": {
       "version": "2.6.21",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz",
@@ -245,6 +251,18 @@
         "zrender": "5.4.3"
       }
     },
+    "node_modules/echarts-gl": {
+      "version": "2.0.9",
+      "resolved": "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-2.0.9.tgz",
+      "integrity": "sha512-oKeMdkkkpJGWOzjgZUsF41DOh6cMsyrGGXimbjK2l6Xeq/dBQu4ShG2w2Dzrs/1bD27b2pLTGSaUzouY191gzA==",
+      "dependencies": {
+        "claygl": "^1.2.1",
+        "zrender": "^5.1.1"
+      },
+      "peerDependencies": {
+        "echarts": "^5.1.2"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.17.14",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.14.tgz",
diff --git a/package.json b/package.json
index d00d28d..64e9617 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "echarts": "^5.4.2",
+    "echarts-gl": "^2.0.9",
     "sass": "^1.60.0",
     "vue": "^3.2.47",
     "vue-router": "^4.1.6"
diff --git a/src/view/echarts/pie3d.vue b/src/view/echarts/pie3d.vue
new file mode 100644
index 0000000..343b80e
--- /dev/null
+++ b/src/view/echarts/pie3d.vue
@@ -0,0 +1,522 @@
+<template>
+    <div ref="chart" style="width:100%;height:100%;"></div>
+</template>
+
+<script setup>
+import { onMounted, reactive, ref } from "vue";
+// 局部引入echarts核心模块
+import * as echarts from 'echarts'
+import 'echarts-gl';
+
+const chart =ref(); // 创建DOM引用
+
+const pieData = [
+    {
+        name: "A", //名称
+        value: 10, //值
+        itemStyle: {
+            color: "#8fd7fce8",//半透明
+        },
+    },
+    {
+        name: "B",
+        value: 8,
+        itemStyle: {
+            color: "#466BE7e8",
+        },
+    },
+    {
+        name: "C",
+        value: 2,
+        itemStyle: {
+            color: "#F4BB29e8",
+        },
+    },
+    {
+        name: "D",
+        value: 6,
+        itemStyle: {
+            color: "#FF8329",
+        },
+    },
+    {
+        name: "E",
+        value: 5,
+        itemStyle: {
+            color: "#11EFC7",
+        },
+    },
+    {
+        name: "F",
+        value: 1,
+        itemStyle: {
+            color: "#006EF5",
+        },
+    },
+    {
+        name: "G",
+        value: 5,
+        itemStyle: {
+            color: "#846BCE",
+        },
+    },
+]
+
+//设置图表配置项
+const option = getPie3D(pieData, 0.8)
+    
+
+//获取配置项
+function getPie3D(pieData, internalDiameterRatio) {
+    let series = [];
+    let sumValue = 0;
+    let startValue = 0;
+    let endValue = 0;
+    let legendData = [];
+    let legendBfb = [];
+    let k = 1 - internalDiameterRatio;
+    pieData.sort((a, b) => {
+        return b.value - a.value;
+    });
+    // 为每一个饼图数据，生成一个 series-surface(参数曲面) 配置
+    for (let i = 0; i < pieData.length; i++) {
+        sumValue += pieData[i].value;
+        let seriesItem = {
+            //名称
+            name:
+                typeof pieData[i].name === "undefined"
+                    ? `series${i}`
+                    : pieData[i].name,
+            type: "surface",
+            //是否为参数曲面（是）
+            parametric: true,
+            //曲面图网格线（否）上面一根一根的
+            wireframe: {
+                show: false,
+            },
+            pieData: pieData[i],
+            pieStatus: {
+                selected: false,
+                hovered: false,
+                k: k,
+            },
+
+            //设置饼图在容器中的位置(目前没发现啥用)
+            //   center: ['50%', '100%']
+        };
+
+        //曲面的颜色、不透明度等样式。
+        if (typeof pieData[i].itemStyle != "undefined") {
+            let itemStyle = {};
+            typeof pieData[i].itemStyle.color != "undefined"
+                ? (itemStyle.color = pieData[i].itemStyle.color)
+                : null;
+            typeof pieData[i].itemStyle.opacity != "undefined"
+                ? (itemStyle.opacity = pieData[i].itemStyle.opacity)
+                : null;
+            seriesItem.itemStyle = itemStyle;
+        }
+        series.push(seriesItem);
+    }
+
+    // 使用上一次遍历时，计算出的数据和 sumValue，调用 getParametricEquation 函数，
+    // 向每个 series-surface 传入不同的参数方程 series-surface.parametricEquation，也就是实现每一个扇形。
+    legendData = [];
+    legendBfb = [];
+    for (let i = 0; i < series.length; i++) {
+        endValue = startValue + series[i].pieData.value * 1;
+        series[i].pieData.startRatio = startValue / sumValue;
+        series[i].pieData.endRatio = endValue / sumValue;
+        series[i].parametricEquation = getParametricEquation(
+            series[i].pieData.startRatio,
+            series[i].pieData.endRatio,
+            false,
+            false,
+            k,
+            series[i].pieData.value
+        );
+        startValue = endValue;
+        let bfb = fomatFloat(series[i].pieData.value / sumValue, 4);
+        legendData.push({
+            name: series[i].name,
+            value: bfb,
+        });
+        legendBfb.push({
+            name: series[i].name,
+            value: bfb,
+        });
+    }
+    //(第二个参数可以设置你这个环形的高低程度)
+    let boxHeight = getHeight3D(series, 15); //通过传参设定3d饼/环的高度
+    // 准备待返回的配置项，把准备好的 legendData、series 传入。
+
+    let option = {
+        // backgroundColor: '#000',
+        //图例组件
+        legend: {
+            data: legendData,
+            color: [
+                "#8FD7FC",
+                "#466BE7",
+                "#F4BB29",
+                "#49C384",
+                "#8FD7FC",
+                "#466BE7",
+                "#F4BB29",
+                "#49C384",
+            ],
+            //图例列表的布局朝向。
+            // orient: "vertical",
+            // right: 20,
+            // bottom: 20,
+            bottom: '5%',
+            left: 'center',
+            //图例文字每项之间的间隔
+            itemGap: 5,
+            show: true,
+            icon: "rect",
+            itemHeight: 10,
+            itemWidth: 10,
+            textStyle: {
+                //图例字体大小
+                fontSize: 12,
+                color: "#B8DDFF",
+                lineHeight: 20,
+            },
+
+            //格式化图例文本
+            formatter: function (name) {
+                var target;
+                for (var i = 0, l = pieData.length; i < l; i++) {
+                    if (pieData[i].name == name) {
+                        target = pieData[i].value;
+                    }
+                }
+                return `${name}   ${target}`;
+            },
+        },
+        //移动上去提示的文本内容
+        tooltip: {
+            backgroundColor: "rgba(18, 55, 85, 0.8);",
+            borderColor: "transparent",
+            formatter: (params) => {
+                if (
+                    params.seriesName !== "mouseoutSeries" &&
+                    params.seriesName !== "pie2d"
+                ) {
+                    let bfb = (
+                        (option.series[params.seriesIndex].pieData.endRatio -
+                            option.series[params.seriesIndex].pieData.startRatio) *
+                        100
+                    ).toFixed(2);
+                    const value = option.series[params.seriesIndex].pieData.value;
+                    return (
+                        `<div style='color:rgba(214, 243, 255, 0.9);'>` +
+                        `<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${params.color};"></span>` +
+                        `${params.seriesName}<br/>` +
+                        `<span style='margin-right:20px'>${value}</span>` +
+                        `<span >${bfb}%</span>` +
+                        `</div>`
+                    );
+                }
+            },
+        },
+        //这个可以变形
+        xAxis3D: {
+            min: -1,
+            max: 1,
+        },
+        yAxis3D: {
+            min: -1,
+            max: 1,
+        },
+        zAxis3D: {
+            min: -1,
+            max: 1,
+        },
+        //此处是修改样式的重点
+        grid3D: {
+            show: false,
+            boxHeight: boxHeight, //圆环的高度
+            //这是饼图的位置
+            left: 0,
+            top: 0,
+            viewControl: {
+                //3d效果可以放大、旋转等，请自己去查看官方配置
+                alpha: 30, //角度(这个很重要 调节角度的)
+                distance: 200, //调整视角到主体的距离，类似调整zoom(这是整体大小)
+                rotateSensitivity: 0, //设置为0无法旋转
+                zoomSensitivity: 0, //设置为0无法缩放
+                panSensitivity: 0, //设置为0无法平移
+                autoRotate: true, //自动旋转
+            },
+        },
+        series: series,
+    };
+    return option;
+};
+
+// 生成扇形的曲面参数方程，用于 series-surface.parametricEquation
+function getParametricEquation(startRatio, endRatio, isSelected, isHovered, k, h) {
+    // 计算
+    let midRatio = (startRatio + endRatio) / 2;
+    let startRadian = startRatio * Math.PI * 2;
+    let endRadian = endRatio * Math.PI * 2;
+    let midRadian = midRatio * Math.PI * 2;
+    // 如果只有一个扇形，则不实现选中效果。
+    if (startRatio === 0 && endRatio === 1) {
+        isSelected = false;
+    }
+    // 通过扇形内径/外径的值，换算出辅助参数 k（默认值 1/3）
+    k = typeof k !== "undefined" ? k : 1 / 3;
+    // 计算选中效果分别在 x 轴、y 轴方向上的位移（未选中，则位移均为 0）
+    let offsetX = isSelected ? Math.cos(midRadian) * 0.1 : 0;
+    let offsetY = isSelected ? Math.sin(midRadian) * 0.1 : 0;
+    // 计算高亮效果的放大比例（未高亮，则比例为 1）
+    let hoverRate = isHovered ? 1.05 : 1;
+    // 返回曲面参数方程
+    return {
+        u: {
+            min: -Math.PI,
+            max: Math.PI * 3,
+            step: Math.PI / 32,
+        },
+        v: {
+            min: 0,
+            max: Math.PI * 2,
+            step: Math.PI / 20,
+        },
+        x: function (u, v) {
+            if (u < startRadian) {
+                return (
+                    offsetX +
+                    Math.cos(startRadian) * (1 + Math.cos(v) * k) * hoverRate
+                );
+            }
+            if (u > endRadian) {
+                return (
+                    offsetX + Math.cos(endRadian) * (1 + Math.cos(v) * k) * hoverRate
+                );
+            }
+            return offsetX + Math.cos(u) * (1 + Math.cos(v) * k) * hoverRate;
+        },
+        y: function (u, v) {
+            if (u < startRadian) {
+                return (
+                    offsetY +
+                    Math.sin(startRadian) * (1 + Math.cos(v) * k) * hoverRate
+                );
+            }
+            if (u > endRadian) {
+                return (
+                    offsetY + Math.sin(endRadian) * (1 + Math.cos(v) * k) * hoverRate
+                );
+            }
+            return offsetY + Math.sin(u) * (1 + Math.cos(v) * k) * hoverRate;
+        },
+        z: function (u, v) {
+            if (u < -Math.PI * 0.5) {
+                return Math.sin(u);
+            }
+            if (u > Math.PI * 2.5) {
+                return Math.sin(u) * h * 0.1;
+            }
+            return Math.sin(v) > 0 ? 1 * h * 0.1 : -1;
+        },
+    };
+};
+//这是一个自定义计算的方法
+function fomatFloat(num, n) {
+    var f = parseFloat(num);
+    if (isNaN(f)) {
+        return false;
+    }
+    f = Math.round(num * Math.pow(10, n)) / Math.pow(10, n); // n 幂
+    var s = f.toString();
+    var rs = s.indexOf(".");
+    //判定如果是整数，增加小数点再补0
+    if (rs < 0) {
+        rs = s.length;
+        s += ".";
+    }
+    while (s.length <= rs + n) {
+        s += "0";
+    }
+    return s;
+};
+//获取3d丙图的最高扇区的高度
+function getHeight3D(series, height) {
+    series.sort((a, b) => {
+        return b.pieData.value - a.pieData.value;
+    });
+    return (height * 20) / series[0].pieData.value;
+}
+// 监听鼠标事件，实现饼图选中效果（单选），近似实现高亮（放大）效果。
+function bindListen(myChart) {
+    let selectedIndex = "";
+    let hoveredIndex = "";
+    // 监听点击事件，实现选中效果（单选）
+    myChart.on("click", function (params) {
+        //  从 option.series 中读取重新渲染扇形所需的参数，将是否选中取反。
+        let isSelected =
+            !option.series[params.seriesIndex].pieStatus.selected;
+        let isHovered =
+            option.series[params.seriesIndex].pieStatus.hovered;
+        let k = option.series[params.seriesIndex].pieStatus.k;
+        let startRatio =
+            option.series[params.seriesIndex].pieData.startRatio;
+        let endRatio = option.series[params.seriesIndex].pieData.endRatio;
+        // 如果之前选中过其他扇形，将其取消选中（对 option 更新）
+        if (selectedIndex !== "" && selectedIndex !== params.seriesIndex) {
+            option.series[selectedIndex].parametricEquation =
+                getParametricEquation(
+                    option.series[selectedIndex].pieData.startRatio,
+                    option.series[selectedIndex].pieData.endRatio,
+                    false,
+                    false,
+                    k,
+                    option.series[selectedIndex].pieData.value
+                );
+            option.series[selectedIndex].pieStatus.selected = false;
+        }
+        // 对当前点击的扇形，执行选中/取消选中操作（对 option 更新）
+        option.series[params.seriesIndex].parametricEquation =
+            getParametricEquation(
+                startRatio,
+                endRatio,
+                isSelected,
+                isHovered,
+                k,
+                option.series[params.seriesIndex].pieData.value
+            );
+        option.series[params.seriesIndex].pieStatus.selected = isSelected;
+        // 如果本次是选中操作，记录上次选中的扇形对应的系列号 seriesIndex
+        isSelected ? (selectedIndex = params.seriesIndex) : null;
+        // 使用更新后的 option，渲染图表
+        myChart.setOption(option);
+    });
+    // 监听 mouseover，近似实现高亮（放大）效果
+    myChart.on("mouseover", function (params) {
+        // 准备重新渲染扇形所需的参数
+        let isSelected;
+        let isHovered;
+        let startRatio;
+        let endRatio;
+        let k;
+        // 如果触发 mouseover 的扇形当前已高亮，则不做操作
+        if (hoveredIndex === params.seriesIndex) {
+            return;
+            // 否则进行高亮及必要的取消高亮操作
+        } else {
+            // 如果当前有高亮的扇形，取消其高亮状态（对 option 更新）
+            if (hoveredIndex !== "") {
+                // 从 option.series 中读取重新渲染扇形所需的参数，将是否高亮设置为 false。
+                isSelected = option.series[hoveredIndex].pieStatus.selected;
+                isHovered = false;
+                startRatio = option.series[hoveredIndex].pieData.startRatio;
+                endRatio = option.series[hoveredIndex].pieData.endRatio;
+                k = option.series[hoveredIndex].pieStatus.k;
+                // 对当前点击的扇形，执行取消高亮操作（对 option 更新）
+                option.series[hoveredIndex].parametricEquation =
+                    getParametricEquation(
+                        startRatio,
+                        endRatio,
+                        isSelected,
+                        isHovered,
+                        k,
+                        option.series[hoveredIndex].pieData.value
+                    );
+                option.series[hoveredIndex].pieStatus.hovered = isHovered;
+                // 将此前记录的上次选中的扇形对应的系列号 seriesIndex 清空
+                hoveredIndex = "";
+            }
+            // 如果触发 mouseover 的扇形不是透明圆环，将其高亮（对 option 更新）
+            if (
+                params.seriesName !== "mouseoutSeries" &&
+                params.seriesName !== "pie2d"
+            ) {
+                // 从 option.series 中读取重新渲染扇形所需的参数，将是否高亮设置为 true。
+                isSelected =
+                    option.series[params.seriesIndex].pieStatus.selected;
+                isHovered = true;
+                startRatio =
+                    option.series[params.seriesIndex].pieData.startRatio;
+                endRatio = option.series[params.seriesIndex].pieData.endRatio;
+                k = option.series[params.seriesIndex].pieStatus.k;
+                // 对当前点击的扇形，执行高亮操作（对 option 更新）
+                option.series[params.seriesIndex].parametricEquation =
+                    getParametricEquation(
+                        startRatio,
+                        endRatio,
+                        isSelected,
+                        isHovered,
+                        k,
+                        option.series[params.seriesIndex].pieData.value + 5
+                    );
+                option.series[params.seriesIndex].pieStatus.hovered =
+                    isHovered;
+                // 记录上次高亮的扇形对应的系列号 seriesIndex
+                hoveredIndex = params.seriesIndex;
+            }
+
+            // 使用更新后的 option，渲染图表
+            myChart.setOption(option);
+        }
+    });
+    // 修正取消高亮失败的 bug
+    myChart.on("globalout", function () {
+        // 准备重新渲染扇形所需的参数
+        let isSelected;
+        let isHovered;
+        let startRatio;
+        let endRatio;
+        let k;
+        if (hoveredIndex !== "") {
+            // 从 option.series 中读取重新渲染扇形所需的参数，将是否高亮设置为 true。
+            isSelected = option.series[hoveredIndex].pieStatus.selected;
+            isHovered = false;
+            k = option.series[hoveredIndex].pieStatus.k;
+            startRatio = option.series[hoveredIndex].pieData.startRatio;
+            endRatio = option.series[hoveredIndex].pieData.endRatio;
+            // 对当前点击的扇形，执行取消高亮操作（对 option 更新）
+            option.series[hoveredIndex].parametricEquation =
+                getParametricEquation(
+                    startRatio,
+                    endRatio,
+                    isSelected,
+                    isHovered,
+                    k,
+                    option.series[hoveredIndex].pieData.value
+                );
+            option.series[hoveredIndex].pieStatus.hovered = isHovered;
+            // 将此前记录的上次选中的扇形对应的系列号 seriesIndex 清空
+            hoveredIndex = "";
+        }
+        // 使用更新后的 option，渲染图表
+        myChart.setOption(option);
+    });
+}
+
+
+// 使用生命钩子
+onMounted(() => {
+    // 基于准备好的dom，初始化echarts实例
+    // var myChart = echarts.init(document.getElementById('main'));
+    // Vue3中： 需要引入
+    var myChart = echarts.init(chart.value)
+    //设置交互事件 鼠标移入 点击
+    bindListen(myChart)
+    // init(); // vue3.2没有this
+    // 使用刚指定的配置项和数据显示图表。
+    myChart.setOption(option);
+
+    // 单图表响应式: 跟随浏览器大小改变
+    window.addEventListener('resize', () => {
+        myChart.resize()
+    })
+
+})
+
+</script>
+
+<style scoped></style>
diff --git a/src/view/yl.vue b/src/view/yl.vue
index 1aac5c7..bbaadee 100644
--- a/src/view/yl.vue
+++ b/src/view/yl.vue
@@ -75,7 +75,7 @@
           <div class="yd_title">
             <span class="text">活动数据分析</span>
           </div>
-          <eGraph></eGraph>
+          <ePie3d></ePie3d>
         </div>
         <div class="flex1">
           <div class="yd_title">
@@ -221,6 +221,7 @@ import eBubble from "./echarts/bubble.vue";
 import ePie from "./echarts/pie.vue";
 import ePie2 from "./echarts/pie2.vue";
 import eGraph from "./echarts/graph.vue";
+import ePie3d from "./echarts/pie3d.vue";
 </script>
 
 <style lang="scss" scoped>
diff --git a/yarn.lock b/yarn.lock
index c61a43c..6b96a50 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7,111 +7,6 @@
   resolved "https://registry.npmjs.org/@babel/parser/-/parser-7.21.3.tgz"
   integrity sha512-lobG0d7aOfQRXh8AyklEAgZGvA4FShxo6xQbUrrT/cNBPUdIDojlokwJsQyCC/eKia7ifqM0yP+2DRZ4WKw2RQ==
 
-"@esbuild/android-arm64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/android-arm64/-/android-arm64-0.17.14.tgz#4624cea3c8941c91f9e9c1228f550d23f1cef037"
-  integrity sha512-eLOpPO1RvtsP71afiFTvS7tVFShJBCT0txiv/xjFBo5a7R7Gjw7X0IgIaFoLKhqXYAXhahoXm7qAmRXhY4guJg==
-
-"@esbuild/android-arm@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/android-arm/-/android-arm-0.17.14.tgz#74fae60fcab34c3f0e15cb56473a6091ba2b53a6"
-  integrity sha512-0CnlwnjDU8cks0yJLXfkaU/uoLyRf9VZJs4p1PskBr2AlAHeEsFEwJEo0of/Z3g+ilw5mpyDwThlxzNEIxOE4g==
-
-"@esbuild/android-x64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/android-x64/-/android-x64-0.17.14.tgz#f002fbc08d5e939d8314bd23bcfb1e95d029491f"
-  integrity sha512-nrfQYWBfLGfSGLvRVlt6xi63B5IbfHm3tZCdu/82zuFPQ7zez4XjmRtF/wIRYbJQ/DsZrxJdEvYFE67avYXyng==
-
-"@esbuild/darwin-arm64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/darwin-arm64/-/darwin-arm64-0.17.14.tgz#b8dcd79a1dd19564950b4ca51d62999011e2e168"
-  integrity sha512-eoSjEuDsU1ROwgBH/c+fZzuSyJUVXQTOIN9xuLs9dE/9HbV/A5IqdXHU1p2OfIMwBwOYJ9SFVGGldxeRCUJFyw==
-
-"@esbuild/darwin-x64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.17.14.tgz#4b49f195d9473625efc3c773fc757018f2c0d979"
-  integrity sha512-zN0U8RWfrDttdFNkHqFYZtOH8hdi22z0pFm0aIJPsNC4QQZv7je8DWCX5iA4Zx6tRhS0CCc0XC2m7wKsbWEo5g==
-
-"@esbuild/freebsd-arm64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.14.tgz#480923fd38f644c6342c55e916cc7c231a85eeb7"
-  integrity sha512-z0VcD4ibeZWVQCW1O7szaLxGsx54gcCnajEJMdYoYjLiq4g1jrP2lMq6pk71dbS5+7op/L2Aod+erw+EUr28/A==
-
-"@esbuild/freebsd-x64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/freebsd-x64/-/freebsd-x64-0.17.14.tgz#a6b6b01954ad8562461cb8a5e40e8a860af69cbe"
-  integrity sha512-hd9mPcxfTgJlolrPlcXkQk9BMwNBvNBsVaUe5eNUqXut6weDQH8whcNaKNF2RO8NbpT6GY8rHOK2A9y++s+ehw==
-
-"@esbuild/linux-arm64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-arm64/-/linux-arm64-0.17.14.tgz#1fe2f39f78183b59f75a4ad9c48d079916d92418"
-  integrity sha512-FhAMNYOq3Iblcj9i+K0l1Fp/MHt+zBeRu/Qkf0LtrcFu3T45jcwB6A1iMsemQ42vR3GBhjNZJZTaCe3VFPbn9g==
-
-"@esbuild/linux-arm@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-arm/-/linux-arm-0.17.14.tgz#18d594a49b64e4a3a05022c005cb384a58056a2a"
-  integrity sha512-BNTl+wSJ1omsH8s3TkQmIIIQHwvwJrU9u1ggb9XU2KTVM4TmthRIVyxSp2qxROJHhZuW/r8fht46/QE8hU8Qvg==
-
-"@esbuild/linux-ia32@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-ia32/-/linux-ia32-0.17.14.tgz#f7f0182a9cfc0159e0922ed66c805c9c6ef1b654"
-  integrity sha512-91OK/lQ5y2v7AsmnFT+0EyxdPTNhov3y2CWMdizyMfxSxRqHazXdzgBKtlmkU2KYIc+9ZK3Vwp2KyXogEATYxQ==
-
-"@esbuild/linux-loong64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-loong64/-/linux-loong64-0.17.14.tgz#5f5305fdffe2d71dd9a97aa77d0c99c99409066f"
-  integrity sha512-vp15H+5NR6hubNgMluqqKza85HcGJgq7t6rMH7O3Y6ApiOWPkvW2AJfNojUQimfTp6OUrACUXfR4hmpcENXoMQ==
-
-"@esbuild/linux-mips64el@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-mips64el/-/linux-mips64el-0.17.14.tgz#a602e85c51b2f71d2aedfe7f4143b2f92f97f3f5"
-  integrity sha512-90TOdFV7N+fgi6c2+GO9ochEkmm9kBAKnuD5e08GQMgMINOdOFHuYLPQ91RYVrnWwQ5683sJKuLi9l4SsbJ7Hg==
-
-"@esbuild/linux-ppc64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-ppc64/-/linux-ppc64-0.17.14.tgz#32d918d782105cbd9345dbfba14ee018b9c7afdf"
-  integrity sha512-NnBGeoqKkTugpBOBZZoktQQ1Yqb7aHKmHxsw43NddPB2YWLAlpb7THZIzsRsTr0Xw3nqiPxbA1H31ZMOG+VVPQ==
-
-"@esbuild/linux-riscv64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-riscv64/-/linux-riscv64-0.17.14.tgz#38612e7b6c037dff7022c33f49ca17f85c5dec58"
-  integrity sha512-0qdlKScLXA8MGVy21JUKvMzCYWovctuP8KKqhtE5A6IVPq4onxXhSuhwDd2g5sRCzNDlDjitc5sX31BzDoL5Fw==
-
-"@esbuild/linux-s390x@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-s390x/-/linux-s390x-0.17.14.tgz#4397dff354f899e72fd035d72af59a700c465ccb"
-  integrity sha512-Hdm2Jo1yaaOro4v3+6/zJk6ygCqIZuSDJHdHaf8nVH/tfOuoEX5Riv03Ka15LmQBYJObUTNS1UdyoMk0WUn9Ww==
-
-"@esbuild/linux-x64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/linux-x64/-/linux-x64-0.17.14.tgz#6c5cb99891b6c3e0c08369da3ef465e8038ad9c2"
-  integrity sha512-8KHF17OstlK4DuzeF/KmSgzrTWQrkWj5boluiiq7kvJCiQVzUrmSkaBvcLB2UgHpKENO2i6BthPkmUhNDaJsVw==
-
-"@esbuild/netbsd-x64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/netbsd-x64/-/netbsd-x64-0.17.14.tgz#5fa5255a64e9bf3947c1b3bef5e458b50b211994"
-  integrity sha512-nVwpqvb3yyXztxIT2+VsxJhB5GCgzPdk1n0HHSnchRAcxqKO6ghXwHhJnr0j/B+5FSyEqSxF4q03rbA2fKXtUQ==
-
-"@esbuild/openbsd-x64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/openbsd-x64/-/openbsd-x64-0.17.14.tgz#74d14c79dcb6faf446878cc64284aa4e02f5ca6f"
-  integrity sha512-1RZ7uQQ9zcy/GSAJL1xPdN7NDdOOtNEGiJalg/MOzeakZeTrgH/DoCkbq7TaPDiPhWqnDF+4bnydxRqQD7il6g==
-
-"@esbuild/sunos-x64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/sunos-x64/-/sunos-x64-0.17.14.tgz#5c7d1c7203781d86c2a9b2ff77bd2f8036d24cfa"
-  integrity sha512-nqMjDsFwv7vp7msrwWRysnM38Sd44PKmW8EzV01YzDBTcTWUpczQg6mGao9VLicXSgW/iookNK6AxeogNVNDZA==
-
-"@esbuild/win32-arm64@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/win32-arm64/-/win32-arm64-0.17.14.tgz#dc36ed84f1390e73b6019ccf0566c80045e5ca3d"
-  integrity sha512-xrD0mccTKRBBIotrITV7WVQAwNJ5+1va6L0H9zN92v2yEdjfAN7864cUaZwJS7JPEs53bDTzKFbfqVlG2HhyKQ==
-
-"@esbuild/win32-ia32@0.17.14":
-  version "0.17.14"
-  resolved "https://registry.npmmirror.com/@esbuild/win32-ia32/-/win32-ia32-0.17.14.tgz#0802a107afa9193c13e35de15a94fe347c588767"
-  integrity sha512-nXpkz9bbJrLLyUTYtRotSS3t5b+FOuljg8LgLdINWFs3FfqZMtbnBCZFUmBzQPyxqU87F8Av+3Nco/M3hEcu1w==
-
 "@esbuild/win32-x64@0.17.14":
   version "0.17.14"
   resolved "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.14.tgz"
@@ -252,12 +147,25 @@ braces@~3.0.2:
   optionalDependencies:
     fsevents "~2.3.2"
 
+claygl@^1.2.1:
+  version "1.3.0"
+  resolved "https://registry.npmmirror.com/claygl/-/claygl-1.3.0.tgz"
+  integrity sha512-+gGtJjT6SSHD2l2yC3MCubW/sCV40tZuSs5opdtn79vFSGUgp/lH139RNEQ6Jy078/L0aV8odCw8RSrUcMfLaQ==
+
 csstype@^2.6.8:
   version "2.6.21"
   resolved "https://registry.npmjs.org/csstype/-/csstype-2.6.21.tgz"
   integrity sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w==
 
-echarts@^5.4.2:
+echarts-gl@^2.0.9:
+  version "2.0.9"
+  resolved "https://registry.npmmirror.com/echarts-gl/-/echarts-gl-2.0.9.tgz"
+  integrity sha512-oKeMdkkkpJGWOzjgZUsF41DOh6cMsyrGGXimbjK2l6Xeq/dBQu4ShG2w2Dzrs/1bD27b2pLTGSaUzouY191gzA==
+  dependencies:
+    claygl "^1.2.1"
+    zrender "^5.1.1"
+
+echarts@^5.1.2, echarts@^5.4.2:
   version "5.4.2"
   resolved "https://registry.npmjs.org/echarts/-/echarts-5.4.2.tgz"
   integrity sha512-2W3vw3oI2tWJdyAz+b8DuWS0nfXtSDqlDmqgin/lfzbkB01cuMEN66KWBlmur3YMp5nEDEEt5s23pllnAzB4EA==
@@ -305,11 +213,6 @@ fill-range@^7.0.1:
   dependencies:
     to-regex-range "^5.0.1"
 
-fsevents@~2.3.2:
-  version "2.3.3"
-  resolved "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz#cac6407785d03675a2a5e1a5305c697b347d90d6"
-  integrity sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==
-
 function-bind@^1.1.1:
   version "1.1.1"
   resolved "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz"
@@ -429,7 +332,7 @@ rollup@^3.18.0:
   optionalDependencies:
     fsevents "~2.3.2"
 
-sass@^1.60.0:
+sass@*, sass@^1.60.0:
   version "1.62.0"
   resolved "https://registry.npmmirror.com/sass/-/sass-1.62.0.tgz"
   integrity sha512-Q4USplo4pLYgCi+XlipZCWUQz5pkg/ruSSgJ0WRDSb/+3z9tXUOkQ7QPYn4XrhZKYAK4HlpaQecRwKLJX6+DBg==
@@ -438,7 +341,7 @@ sass@^1.60.0:
     immutable "^4.0.0"
     source-map-js ">=0.6.2 <2.0.0"
 
-"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
+source-map-js@^1.0.2, "source-map-js@>=0.6.2 <2.0.0":
   version "1.0.2"
   resolved "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
@@ -470,7 +373,7 @@ tslib@2.3.0:
   resolved "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz"
   integrity sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==
 
-vite@^4.2.0:
+vite@^4.0.0, vite@^4.2.0:
   version "4.2.1"
   resolved "https://registry.npmjs.org/vite/-/vite-4.2.1.tgz"
   integrity sha512-7MKhqdy0ISo4wnvwtqZkjke6XN4taqQ2TBaTccLIpOKv7Vp2h4Y+NpmWCnGDeSvvn45KxvWgGyb0MkHvY1vgbg==
@@ -489,7 +392,7 @@ vue-router@^4.1.6:
   dependencies:
     "@vue/devtools-api" "^6.4.5"
 
-vue@^3.2.47:
+vue@^3.2.0, vue@^3.2.25, vue@^3.2.47, vue@3.2.47:
   version "3.2.47"
   resolved "https://registry.npmjs.org/vue/-/vue-3.2.47.tgz"
   integrity sha512-60188y/9Dc9WVrAZeUVSDxRQOZ+z+y5nO2ts9jWXSTkMvayiWxCWOWtBQoYjLeccfXkiiPZWAHcV+WTPhkqJHQ==
@@ -500,7 +403,7 @@ vue@^3.2.47:
     "@vue/server-renderer" "3.2.47"
     "@vue/shared" "3.2.47"
 
-zrender@5.4.3:
+zrender@^5.1.1, zrender@5.4.3:
   version "5.4.3"
   resolved "https://registry.npmjs.org/zrender/-/zrender-5.4.3.tgz"
   integrity sha512-DRUM4ZLnoaT0PBVvGBDO9oWIDBKFdAVieNWxWwK0niYzJCMwGchRk21/hsE+RKkIveH3XHCyvXcJDkgLVvfizQ==