本地无数据兼容

src/views/cultrue/index.vue

@@ -592,7 +592,7 @@ export default {
           return arr;
         }
 
-        console.log(getSymbolData(data), '-----');
+        // console.log(getSymbolData(data), '-----');
         option = {
           // backgroundColor: '#000000',
           grid: {

src/views/index.vue

@@ -502,17 +502,19 @@ export default {
       var chartDom = document.getElementById("kl-line");
       var option;
       
-      var xData = this.rsqsXData;
+      function run(myChart){
-      var gcolor = ['#ff9acc', '#6666FF', '#FF6600', '#02ff00', '#00ffff', '#fdff00']
+        // 获取新数据-处理
+        that.getGcgNumDatas();
+        setTimeout(() => {
+          var xData = that.rsqsXData;
+          var gcolor = ['#ff9acc', '#6666FF', '#FF6600', '#02ff00', '#00ffff', '#fdff00'];
 
-      var data = this.rsqsData_z;
+          var data = that.rsqsData_z;
 
           var series = [];
           for (var i = 0; i < data.length; i++) {
-        // console.log(gcolor[i])
-
             series.push({
-          name: this.rsqsDataName[i],
+              name: that.rsqsDataName[i],
               type: "line",
               symbolSize: 3,//标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10[ default: 4 ]
               symbol: 'circle',//标记的图形。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
@@ -552,7 +554,6 @@ export default {
 
             })
           }
-
           // setting option
           option = {
             // backgroundColor: "#141f56",
@@ -660,72 +661,14 @@ export default {
             },
             series: series,
           }
-      function run(myChart){
+          option && myChart.setOption(option);
-        // 获取新数据-处理
+        }, 200);
-        that.getGcgNumDatas();
-        setTimeout(() => {
-          var xData = that.rsqsXData;
-          var gcolor = ['#ff9acc', '#6666FF', '#FF6600', '#02ff00', '#00ffff', '#fdff00'];
-
-          var data = that.rsqsData_z;
-
-          var series = [];
-          for (var i = 0; i < data.length; i++) {
-            // console.log(gcolor[i])
-
-            series.push({
-              name: that.rsqsDataName[i],
-              type: "line",
-              symbolSize: 3,//标记的大小，可以设置成诸如 10 这样单一的数字，也可以用数组分开表示宽和高，例如 [20, 10] 表示标记宽为20，高为10[ default: 4 ]
-              symbol: 'circle',//标记的图形。ECharts 提供的标记类型包括 'circle', 'rect', 'roundRect', 'triangle', 'diamond', 'pin', 'arrow'
-              smooth: true, //是否平滑曲线显示
-              showSymbol: false, //是否显示 symbol, 如果 false 则只有在 tooltip hover 的时候显示
-              areaStyle: {
-                normal: {
-                  color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
-                    offset: 0,
-                    color: gcolor[i]
-                  }, {
-                    offset: 0.8,
-                    color: '#fff',
-                  }], false),
-                  // shadowColor: 'rgba(255,255,255, 0.1)',
-                  shadowBlur: 10,
-                  opacity: 0.3,
-                }
-              },
-              itemStyle: {
-                normal: {
-                  color: gcolor[i],
-                  lineStyle: {
-                    width: 1,
-                    type: 'solid' //'dotted'虚线 'solid'实线
-                  },
-                  borderColor: gcolor[i], //图形的描边颜色。支持的格式同 color
-                  borderWidth: 8,//描边线宽。为 0 时无描边。[ default: 0 ] 
-                  barBorderRadius: 0,
-                  label: {
-                    show: false,
-                  },
-                  opacity: 0.5,
-                }
-              },
-              data: data[i],
-
-            })
-          }
-          myChart.setOption({
-            xAxis: [{data: xData}],
-            series: series
-          });
-        }, 2000);
       }
       setTimeout(()=>{
         var myChart = echarts.init(chartDom);
-        option && myChart.setOption(option);
+        run(myChart);
         setInterval(function () {
           myChart.clear();
-          option && myChart.setOption(option);
           run(myChart);
         }, 3000);
       }, 200)
@@ -786,6 +729,7 @@ export default {
       let that = this
       homeApi.allInfoDatas().then(res => {
         // return;//Cannot read properties of undefined (reading 'returnData')
+        if(res.data){
           that.ssjgNumDatas = res.data.returnData
           console.log(that.ssjgNumDatas, 'that.ssjgNumDatas')
           that.ssjgNumDatas.forEach(item => {
@@ -797,8 +741,7 @@ export default {
               this.$refs.proportionbox.addClass('rbrate3')
             }
           })
-
+        }
-
       });
     },
 

src/views/ty/index.vue

@@ -62,11 +62,11 @@
           <div class="c_title">24小时进馆人数</div>
           <div class="c_l" id="animationA"></div>
           <div class="c_r">
-            <span class="c_r_num">{{ cgdata[0].gval }}</span>
+            <span class="c_r_num">{{ cgdata[0]&&cgdata[0].gval }}</span>
             <span class="c_r_txt">体育场</span>
-            <span class="c_r_num">{{ cgdata[1].gval }}</span>
+            <span class="c_r_num">{{ cgdata[1]&&cgdata[1].gval }}</span>
             <span class="c_r_txt">体育馆</span>
-            <span class="c_r_num">{{ cgdata[2].gval }}</span>
+            <span class="c_r_num">{{ cgdata[2]&&cgdata[2].gval }}</span>
             <span class="c_r_txt">游泳场馆</span>
           </div>
 
@@ -96,7 +96,7 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span> {{ cgdata[0].gname }}</span>
+                  <span> {{ cgdata[0]&&cgdata[0].gname }}</span>
                 </div>
               </div>
               <div class="venue_proportion">
@@ -111,7 +111,7 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgdata[1].gname }}</span>
+                  <span>{{ cgdata[1]&&cgdata[1].gname }}</span>
                 </div>
               </div>
               <div class="venue_proportion">
@@ -126,7 +126,7 @@
                   </span>
                 </div>
                 <div class="venue_proportion_bo">
-                  <span>{{ cgdata[2].gname }}</span>
+                  <span>{{ cgdata[2]&&cgdata[2].gname }}</span>
                 </div>
               </div>
 
@@ -441,17 +441,18 @@ export default {
     },
 
     ty_bar3() {
+      let that = this;
       var chartDom = document.getElementById("pcgchart2");
 
       var option
-      var xData = this.rsqsXData;
+      var xData = that.rsqsXData;
       var color = ['#FF99CC', '#6666FF', '#FF6600', '#7049f0', '#fa704d', '#01babc',]
-      var name = this.rsqsDataName
+      var name = that.rsqsDataName
-      // console.log(this.rsqsDataName, 'this.rsqsDataName')
+      // console.log(that.rsqsDataName, 'that.rsqsDataName')
       //  = ['体育场', '体育馆', '游泳场馆'];
-      var data = this.rsqsDataAll;
+      var data = that.rsqsDataAll;
       let iconData = [];
-      this.rsqsDataName.forEach((item, index)=>{
+      that.rsqsDataName.forEach((item, index)=>{
         if(index==0){
           iconData.push({icon: 'image://img/tyc_icon.png', name: name[0]})
         }else if(index==1){
@@ -619,12 +620,11 @@ export default {
         series: series,
       }
       function run(myChart){
-        let that = this;
         // 获取新数据-处理
         // that.getGcgNumDatas();
         setTimeout(() => {
           // var xData = this.rsqsXData;
-          var data = this.rsqsDataAll;
+          var data = that.rsqsDataAll;
 
           var series = [];
           for (var i = 0; i < data.length; i++) {