更新

src/layout/index/top-right.vue

@@ -1,6 +1,6 @@
 <template>
   <div id="top-right">
-    <div id="chart" class="" style="height:450px;margin:40px 0 0 0"></div>
+    <div id="chart" style="height:280px;margin:40px 0 0 0"></div>
   </div>
 </template>
 
@@ -49,28 +49,28 @@ export default {
         let s3 = res.data.filter(f => f.status == '0'); //正在洽谈
         this.myChart = echarts.init(document.getElementById('chart'));
         const option = {
-          title: { text: '交易情况', left: 'center' },
+          title: { text: '运行动态', left: 'center' },
           tooltip: { trigger: 'axis' },
           legend: {
-            data: ['正在洽谈', '达成意向', '对接完成'],
+            data: ['活跃用户', '活跃节点', '活跃应用'],
           },
           xAxis: {
             type: 'category',
-            data: ['正在洽谈', '达成意向', '对接完成'],
+            data: ['活跃用户', '活跃节点', '活跃应用'],
           },
           yAxis: {},
           series: [
             {
-              name: '交易情况',
+              name: '运行动态',
               label: {
                 show: true,
                 position: 'top',
               },
               type: 'bar',
               data: [
-                { name: '正在洽谈', value: s3.length, itemStyle: { color: '#7cb5ec' } },
-                { name: '达成意向', value: s1.length, itemStyle: { color: '#ffa94b' } },
-                { name: '对接完成', value: s2.length, itemStyle: { color: '#346da4' } },
+                { name: '活跃用户', value: s3.length, itemStyle: { color: '#7cb5ec' } },
+                { name: '活跃节点', value: s1.length, itemStyle: { color: '#ffa94b' } },
+                { name: '活跃应用', value: s2.length, itemStyle: { color: '#346da4' } },
               ],
               animationType: 'scale',
             },