gx

src/view/dialog/diaLogElderlyData.vue

@@ -96,7 +96,7 @@
             />
           </div>
           <div
-            style="width: 86%; height: 300px; overflow: hidden"
+            style="width: 100%; height: 300px; overflow: hidden"
           >
             <jypxs></jypxs>
             <!-- <pick1
@@ -197,7 +197,7 @@ const closeDialog = () => {
 <style lang="scss" scoped>
 :deep(.el-dialog) {
   --el-dialog-bg-color: none;
-  --el-dialog-width: 76% !important;
+  --el-dialog-width: 55% !important;
   --el-dialog-margin-top: 7vh;
 }
 

src/view/dialog/echarts/jypxs.vue

@@ -19,7 +19,12 @@ const data = reactive({
     "rgba(82, 174, 255, 1)",
   ],
 });
-const colorList = ['#ffd813', '#08daaa', '#6571fc','red'];
+const colorList = [
+  "rgba(255, 252, 166, 1)",
+  "rgba(128, 229, 229, 1)",
+  "rgba(246, 255, 103, 1)",
+  "rgba(82, 174, 255, 1)",
+];
 let datas = [
   {
     name: "高血压",
@@ -48,10 +53,8 @@ const getOption = () => {
       textStyle: {
         // 主标题样式
         color: "#fff",
-
         fontSize: 16,
       },
- 
     },
 
     legend: {
@@ -98,39 +101,49 @@ const getOption = () => {
     },
     series: [
       {
-           type: 'pie',
-            radius: [0, 100],
-            center: ['50%', '40%'],
+        type: "pie",
+        radius: [0, 100],
+        center: ["40%", "40%"],
 
-            roseType: 'area',
-            itemStyle: {
-                color: (params) => {
-                    return colorList[params.dataIndex];
-                },
-                borderRadius: 8,
+        roseType: "area",
+        itemStyle: {
+          color: (params) => {
+            return colorList[params.dataIndex];
+          },
+          borderRadius: 8,
+          fontSize: 18,
+        },
+        //标题与数字一行显示
+        label: {
+          show: true,
+          position: "outside",
+          formatter: "{a|{b}：{c}}\n{hr|}",
+          borderWidth: 10,
+          borderRadius: 4,
+          fontSize: 18,
+          // padding: [50, -30],
+          rich: {
+            name: {
+              width: 80,
+              fontSize: 20,
             },
-            //标题与数字一行显示
-            label: {
-                show: true,
-                position: 'outside',
-                formatter: '{a|{b}：{c}}\n{hr|}',
-                rich: {
-                    hr: {
-        
-                        backgroundColor: 'auto',
-                        borderRadius: 3,
-                        width: 3,
-                        height: 3,
-                        padding: [3, 3, 0, -12],
-                    },
-                    a: {
-                        padding: [-30, 15, -20, 15],
-                        color: 'auto',
-                    },
-                },
+            hr: {
+              backgroundColor: "auto",
+              borderRadius: 3,
+              width: 3,
+              height: 3,
+              padding: [3, 3, 0, -12],
+              fontSize: 18,
             },
-     
-            data: datas,
+            a: {
+              padding: [-30, 15, -20, 15],
+              color: "auto",
+              fontSize: 18,
+            },
+          },
+        },
+
+        data: datas,
       },
     ],
   };