修改

src/views/index.vue

@@ -102,7 +102,7 @@
           <!-- 各场馆实时人数 cg1 -->
           <!-- v-for="(item, index) in 6" :key="index" -->
           <div class="rbitem" v-for="item in ssjgNumDatas" :key="item.groupId">
-            <span class="rbcgname">{{ item.groupName||'劳务工博物馆' }}</span>
+            <span class="rbcgname">{{ item.groupName||'博物馆' }}</span>
             <span class="rbtitle">日累计人数</span>
             <!-- <span class="rbval">4,738</span> -->
             <span class="rbval">{{ item.allEnter }}</span>
@@ -182,19 +182,6 @@ export default {
       this.index_pie1();
     }, 1000)
 
-    // 首页线图
-    // this.home_bar(this.klqsDatas);
-    // 折线图
-    // this.line_zone();
-
-    // this.addNumber(0, 345235, 'jgval1');
-    // this.addNumber(0, 345235, 'jgval2');
-    // this.addNumber(0, 345235, 'jgval3');
-    // this.getStat();
-    // this.getHomeBarData();
-    // this.getInfoDatas();
-    // this.getGcgNumDatas()
-    // this.selitem('y')
   },
   methods: {
     btgetdata() {
@@ -409,17 +396,6 @@ export default {
               color: '#fff',
             },
           },
-          // {
-          //   data: dataLenArr,
-          //   type: 'pictorialBar',
-          //   barMaxWidth: '15',
-          //   symbol: 'circle',
-          //   symbolOffset: [0, '50%'],
-          //   symbolSize: [10, 5],
-          //   color: '#fff',
-          //   zlevel: 0,
-          //   // 立体柱形的底部图形
-          // },
           {
             data: data,
             type: 'pictorialBar',
@@ -471,10 +447,6 @@ export default {
       option && myChart.setOption(option);
       function run(myChart) {
         that.getHomeBarData();
-        console.log('重新绘制');
-        // that.klqsDatas = that.klqsDatas.sort(function(a,b){
-        //     return Math.random() - 0.5;
-        // });
         let max=that.klqsDatas[0];
         for (let i = 0; i < that.klqsDatas.length; i++) {
           if (that.klqsDatas[i]>max) {
@@ -495,10 +467,6 @@ export default {
               type: 'bar',
               data: that.klqsDatas
             },
-            // {
-            //   type: 'pictorialBar',
-            //   data: dataLenArr
-            // },
             {
               type: 'pictorialBar',
               data: that.klqsDatas
@@ -518,7 +486,7 @@ export default {
         myChart.clear();
         option && myChart.setOption(option);
         run(myChart);
-      }, 3000);
+      }, 3600);
     },
 
     // 今日各场馆服务人次趋势
@@ -527,7 +495,7 @@ export default {
       var option;
       
       var xData = this.rsqsXData;
-      var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc']
+      var gcolor = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc']
       var name = []
       // var data = [
       //   [174, 137, 135, 34, 152, 135, 140, 160, 100, 174, 137, 135, 34],
@@ -540,6 +508,8 @@ export default {
 
       var series = [];
       for (var i = 0; i < data.length; i++) {
+        console.log(gcolor[i])
+
         series.push({
           name: this.rsqsDataName[i],
           type: "line",
@@ -551,10 +521,10 @@ export default {
             normal: {
               color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                 offset: 0,
-                color: color[i]
+                color: gcolor[i]
               }, {
                 offset: 0.8,
-                color: 'rgba(255,255,255,0)',
+                 color: '#fff',
               }], false),
               // shadowColor: 'rgba(255,255,255, 0.1)',
               shadowBlur: 10,
@@ -563,12 +533,12 @@ export default {
           },
           itemStyle: {
             normal: {
-              color: color[i],
+              color: gcolor[i],
               lineStyle: {
                 width: 1,
                 type: 'solid' //'dotted'虚线 'solid'实线
               },
-              borderColor: color[i], //图形的描边颜色。支持的格式同 color
+              borderColor: gcolor[i], //图形的描边颜色。支持的格式同 color
               borderWidth: 8,//描边线宽。为 0 时无描边。[ default: 0 ] 
               barBorderRadius: 0,
               label: {
@@ -581,6 +551,8 @@ export default {
 
         })
       }
+
+      // setting option
       option = {
         // backgroundColor: "#141f56",
         legend: {
@@ -617,9 +589,9 @@ export default {
             }
           },
           formatter: '{b}<br />{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}<br />{a3}: {c3}<br />{a4}: {c4}<br />{a5}: {c5}',
-          backgroundColor: 'rgba(0,0,0,0.7)', // 背景
+          backgroundColor: '#000', // 背景
           padding: [8, 10], //内边距
-          extraCssText: 'box-shadow: 0 0 3px rgba(255, 255, 255, 0.4);', //添加阴影
+          extraCssText: 'box-shadow: 0 0 3px #fffff;', //添加阴影
         },
         grid: {
           borderWidth: 0,
@@ -667,13 +639,13 @@ export default {
           axisLine: {
             show: true,
             lineStyle: {
-              color: '#0B0765 ',
+              color: '#0B0765',
             }
           },
           splitLine: {
             show: true,
             lineStyle: {
-              color: '#0B0765 ',
+              color: '#0B0765',
             }
           },
           axisLabel: {
@@ -687,21 +659,21 @@ export default {
         },
         series: series,
       }
-      function run(myChart){
+      // function run(myChart){
-        // 获取新数据-处理
+      //   // 获取新数据-处理
-        myChart.setOption({
+      //   myChart.setOption({
-          series: series
+      //     series: series
-        });
+      //   });
-      }
+      // }
-      setTimeout(()=>{
+      // setTimeout(()=>{
         var myChart = echarts.init(chartDom);
         option && myChart.setOption(option);
-        setInterval(function () {
+        // setInterval(function () {
-          myChart.clear();
+        //   myChart.clear();
-          option && myChart.setOption(option);
+        //   option && myChart.setOption(option);
-          run(myChart);
+        //   run(myChart);
-        }, 1000);
+        // }, 600);
-      }, 1000)
+      // }, 600)
     },
 
     addNumber(start, end, id) {
@@ -761,8 +733,6 @@ export default {
           })
         })
 
-        console.log(groupsData, 'groupsData', that.dataP);
-
       });
     },