完成用户管理

src/views/home/home.vue

@@ -1115,71 +1115,7 @@ const resourceClick = async () => {
   // console.log(res, "圆环 报修分析统计");
   // let echartsData1 = [];
   var myChart1 = echarts.init(document.getElementById("resource"));
-  myChart1.setOption({
-    // title: {
-    //   text: "圆环图的例子",
-    //   left: "center",
-    //   top: "center",
-    // },
-    tooltip: {
-      trigger: "item",
-    },
-    legend: {
-      orient: "vertical",
-      right: "6%",
-      top: "15%",
-      itemGap: 20,
-      itemWidth: 15,
-      itemHeight: 15,
-    },
-    series: [
-      {
-        type: "pie",
-        data: [
-          {
-            value: 224,
-            name: "电子资源库",
-            itemStyle: {
-              color: "rgba(67, 181, 244, 1)",
-            },
-          },
-          {
-            value: 304,
-            name: "课程资源库",
-            itemStyle: {
-              color: "rgba(137, 207, 245, 1)",
-            },
-          },
-          {
-            value: 484,
-            name: "教学方案库",
-            itemStyle: {
-              color: "rgba(180, 226, 251, 1)",
-            },
-          },
-          {
-            value: 300,
-            name: "第三资源库",
-            itemStyle: {
-              color: "rgba(212, 237, 251, 1)",
-            },
-          },
-        ],
-        center: ["40%", "48%"],
-        radius: ["48%", "65%"],
-        label: {
-          show: true,
-          //   position: "center",
-          formatter: "{b} ({d}%)",
-          padding: 1,
-        },
-        labelLine: {
-          show: true,
-          //   length: -1,
-        },
-      },
-    ],
-  });
+  myChart1.setOption();
 };
 
 // 墨轩湖搜索关键字