diff --git a/src/views/pageMonitor/bottomMiddle/index.vue b/src/views/pageMonitor/bottomMiddle/index.vue
index 56037c1..7ec72c8 100644
--- a/src/views/pageMonitor/bottomMiddle/index.vue
+++ b/src/views/pageMonitor/bottomMiddle/index.vue
@@ -58,11 +58,130 @@ export default {
               formatter: "{b}{c}",
               color: "inherit",
             },
+            labelLine: {
+              show: true,
+              length: 20,
+              length2: 25,
+              smooth: 0.6, // 可以使引导线稍微弯曲，使得标签位置更加合理
+            },
             padAngle: 5,
             itemStyle: {
               borderRadius: 10,
             },
           },
+          {
+            name: "外边框-outBig",
+            type: "pie",
+            clockWise: false, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["62%", "62%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#2F58B4",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            name: "外边框-outSmall",
+            type: "pie",
+            clockWise: false, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["57%", "57%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            showEmptyCircle: true,
+            itemStyle: {
+              shadowColor: "rgba(255, 0, 0, 1)",
+              shadowBlur: 10,
+              opacity: 1,
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#0D447C",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            name: "内边框-inBig",
+            type: "pie",
+            clockWise: true, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["25%", "25%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            itemStyle: {
+              shadowColor: "rgba(255, 0, 0, 1)",
+              shadowBlur: 10,
+              opacity: 1,
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#006CFF",
+                    opacity: 0.4,
+                  },
+                },
+              },
+            ],
+          },
+          {
+            name: "内边框-inSmall",
+            type: "pie",
+            clockWise: true, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["20%", "20%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#fff",
+                    opacity: 0.2,
+                  },
+                },
+              },
+            ],
+          },
         ],
       },
       chartOptionsRight: {
@@ -82,11 +201,130 @@ export default {
               formatter: "{b}{c}",
               color: "inherit",
             },
+            labelLine: {
+              show: true,
+              length: 20,
+              length2: 25,
+              smooth: 0.6, // 可以使引导线稍微弯曲，使得标签位置更加合理
+            },
             padAngle: 5,
             itemStyle: {
               borderRadius: 10,
             },
           },
+          {
+            name: "外边框-outBig",
+            type: "pie",
+            clockWise: false, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["62%", "62%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#2F58B4",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            name: "外边框-outSmall",
+            type: "pie",
+            clockWise: false, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["57%", "57%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            showEmptyCircle: true,
+            itemStyle: {
+              shadowColor: "rgba(255, 0, 0, 1)",
+              shadowBlur: 10,
+              opacity: 1,
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#0D447C",
+                  },
+                },
+              },
+            ],
+          },
+          {
+            name: "内边框-inBig",
+            type: "pie",
+            clockWise: true, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["25%", "25%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            itemStyle: {
+              shadowColor: "rgba(255, 0, 0, 1)",
+              shadowBlur: 10,
+              opacity: 1,
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#006CFF",
+                    opacity: 0.4,
+                  },
+                },
+              },
+            ],
+          },
+          {
+            name: "内边框-inSmall",
+            type: "pie",
+            clockWise: true, //顺时加载
+            hoverAnimation: false, //鼠标移入变大
+            center: ["50%", "50%"],
+            radius: ["20%", "20%"],
+            label: {
+              normal: {
+                show: false,
+              },
+            },
+            data: [
+              {
+                value: 9,
+                name: "",
+                itemStyle: {
+                  normal: {
+                    borderWidth: 2,
+                    borderColor: "#fff",
+                    opacity: 0.2,
+                  },
+                },
+              },
+            ],
+          },
         ],
       },
       toDate: dayjs().format("YYYY-MM-DD"),