feat：完善舆情页面

src/views/home/components/age-ratio.vue

@@ -15,16 +15,42 @@
       tooltip: {
         trigger: 'item'
       },
+      legend: {
+        orient: 'vertical',
+        left: '60%',
+        y: 'center',
+        data: ['19岁以下', '18-30岁', '30-40岁', '40-60岁', '60岁以上'],
+        itemHeight: fitChartSize(8),
+        itemWidth: fitChartSize(8),
+        itemGap: fitChartSize(10),
+        formatter: function (name) {
+          return '{title|' + name + '}'
+        },
+        textStyle: {
+          rich: {
+            title: {
+              color: '#fff',
+              fontSize: fitChartSize(14)
+            },
+            value: {
+              color: '#00D5F6',
+              fontSize: fitChartSize(14)
+            }
+          }
+        }
+      },
       series: [
         {
           type: 'pie',
-          radius: ['30%', '40%'],
+          center: ['30%', '50%'],
+          radius: ['50%', '70%'],
           itemStyle: {
             borderColor: 'transparent',
             borderRadius: fitChartSize(2),
             borderWidth: fitChartSize(2)
           },
           label: {
+            show: false,
             color: '#D3F0FE',
             fontSize: fitChartSize(12)
           },
@@ -36,11 +62,11 @@
             }
           },
           data: [
-            { value: 484, name: '19岁以下', labelLine: { length: 2 } },
-            { value: 300, name: '18-30岁', labelLine: { length: 2 } },
-            { value: 1048, name: '30-40岁', labelLine: { length: 2 } },
-            { value: 580, name: '40-60岁', labelLine: { length: 2 } },
-            { value: 735, name: '60岁以上', labelLine: { length: 2 } }
+            { value: 484, name: '19岁以下' },
+            { value: 300, name: '18-30岁' },
+            { value: 1048, name: '30-40岁' },
+            { value: 580, name: '40-60岁' },
+            { value: 735, name: '60岁以上' }
           ]
         }
       ]
@@ -63,6 +89,6 @@
 <style lang="scss" scoped>
   .age-ratio {
     width: vw(253);
-    height: vh(100);
+    height: vh(120);
   }
 </style>

src/views/home/components/box-2.vue

@@ -245,7 +245,7 @@
     }
     .box-1 {
       width: vw(253);
-      height: vh(270);
+      height: vh(290);
       background-image: url('@/assets/images/bg-3.png');
       background-size: 100% 100%;
       &:nth-child(1) {

src/views/home/components/box-4.vue

@@ -235,7 +235,7 @@
   }
   .box-4 {
     margin-top: vh(120);
-    width: vw(790);
+    width: vw(710);
     height: vh(950);
     padding: vw(8);
     box-sizing: border-box;

src/views/home/components/jam.vue

@@ -103,7 +103,7 @@
         },
         label: {
           show: true,
-          offset: [10, -13],
+          offset: [10, -10],
           color: '#D3E5FF',
           fontWeight: 500,
           position: 'left',

src/views/home/components/ticket.vue

@@ -42,12 +42,8 @@
       }
     },
     legend: {
-      orient: 'vertical',
-      x: 'right',
-      y: 'center',
-      //   textStyle: {
-      //     color: '#4A9AE4'
-      //   },
+      x: 'center',
+      y: 'bottom',
       data: qxzbData,
       itemHeight: fitChartSize(8),
       itemWidth: fitChartSize(8),
@@ -75,7 +71,7 @@
         type: 'pie',
         clockWise: false, //顺时加载
         radius: ['15%', '25%'],
-        center: ['30%', '50%'],
+        center: ['50%', '40%'],
         label: {
           normal: {
             show: false
@@ -109,7 +105,7 @@
         type: 'pie',
         clockWise: false, //顺时加载
         radius: ['30%', '40%'],
-        center: ['30%', '50%'],
+        center: ['50%', '40%'],
         label: {
           normal: {
             show: false
@@ -143,7 +139,7 @@
         type: 'pie',
         clockWise: false, //顺时加载
         radius: ['45%', '55%'],
-        center: ['30%', '50%'],
+        center: ['50%', '40%'],
         label: {
           normal: {
             show: false