前端

fuintAdmin_zt/src/views/homeComponents/agent.vue

@@ -113,18 +113,12 @@
         </div>
         <div class="hui-hang"></div>
         <div class="d-s" >
-          <div>
+          <div id="ccc" style="width: 300px;height: 200px; "></div>
-            <div class="h-tt" >活跃油站</div>
+          <div id="cccc" style="width: 300px;height: 200px;"></div>
-            <div id="ccc" style="width: 300px;height: 200px; "></div>
+          <div id="ccct" style="width: 300px;height: 200px;"></div>
-          </div>
+          <div id="cttt" style="width: 340px;height: 200px;"></div>
-          <div class="h-r-ba"></div>
+
-          <div>
+
-            <div class="h-tt" >活跃油站</div>
-            <div class="d-s" style="justify-content: space-between">
-              <div id="cccc" style="width: 300px;height: 200px;margin-right: 50px"></div>
-              <div id="ccct" style="width: 300px;height: 200px;"></div>
-            </div>
-          </div>
         </div>
       </div>
       <div class="right-box-t">
@@ -249,12 +243,13 @@ export default {
       const chart = echarts.init(document.getElementById('ccc'))
       const chart1 = echarts.init(document.getElementById('cccc'))
       const chart2= echarts.init(document.getElementById('ccct'))
+      const chart4= echarts.init(document.getElementById('cttt'))
       const chart3= echarts.init(document.getElementById('ctct'))
 
 
       const option = {
         color: [
-          '#0DC291',
+          '#179726',
           '#FFB519',
         ],
         tooltip: {
@@ -451,11 +446,45 @@ export default {
         }
 
       };
+      const option4 ={
+        color: ['#f82f2f', '#179627'],
+        tooltip: {
+          trigger: 'item'
+        },
 
+        series: [
+          {
+            name: 'Access From',
+            type: 'pie',
+            radius: ['40%', '70%'],
+            avoidLabelOverlap: false,
+            itemStyle: {
+              borderRadius: 10,
+              borderColor: '#fff',
+              borderWidth: 10
+            },
+
+            emphasis: {
+              label: {
+                show: true,
+                fontSize: 40,
+                fontWeight: 'bold'
+              }
+            },
+
+            data: [
+              { value: 225, name: '富友占比' },
+              { value: 735, name: '拉卡拉占比' }
+            ]
+          }
+        ]
+      };
       chart.setOption(option)
       chart1.setOption(option1)
       chart2.setOption(option2)
       chart3.setOption(option3)
+      chart4.setOption(option4)
+
 
 
     }

fuintAdmin_zt/src/views/index.vue

@@ -16,7 +16,8 @@ import shopowner from "@/views/homeComponents/shopowner.vue"
 export default {
   data(){
     return{
-      power:2
+      power:1
+
     }
   },
   created() {