修改

zhsq_qk-ui/src/views/fusion/bjzshz.vue

@@ -15,8 +15,8 @@
     <div class="nav_min">
       <div class="top_txt">
         <b>汽开区</b>
-<!--        <span>小雨</span>-->
-<!--        <span>9~16℃</span>-->
+        <!--        <span>小雨</span>-->
+        <!--        <span>9~16℃</span>-->
       </div>
       <div class="top_txt top_txt2">
         <span>{{ currentTime }}</span>
@@ -690,6 +690,23 @@ export default {
     },
     qkq_bj3() {
       var myChart = echarts.init(document.getElementById('qkq_bj3'));
+      var labelData = ['1月', '2月', '3月', '4月', '5月', '6月'];
+      var data1 = [103, 369, 296, 381, 251, 191, 174, 467, 620, 432, 286, 429];
+      var json1 = {
+        chart0: {
+          xcategory: labelData,
+          low: data1,
+          lowLine: [],
+        }
+      };
+      var zrUtil = echarts.util;
+      zrUtil.each(json1.chart0.xcategory, function (item, index) {
+        json1.chart0.lowLine.push([{
+          coord: [index, json1.chart0.low[index]]
+        }, {
+          coord: [index + 1, json1.chart0.low[index + 1]]
+        }]);
+      });
       var option = {
         title: {
           text: '',
@@ -715,7 +732,7 @@ export default {
           containLabel: true
         },
         legend: {
-          data: ['护', '港', '台'],
+          data: ['护', '港', '台', "外国人"],
           right: 10,
           top: 12,
           textStyle: {
@@ -727,7 +744,7 @@ export default {
         },
         xAxis: {
           type: 'category',
-          data: ['1月', '2月', '3月', '4月', '5月', '6月'],
+          data: labelData,
           axisLine: {
             lineStyle: {
               color: 'white'
@@ -872,7 +889,54 @@ export default {
               }
             },
             data: [400, 600, 700, 700, 1000, 400, 400, 600, 700]
-          }]
+          }, {
+            name: "外国人",
+            type: "line",
+            symbolSize: 10,
+            symbol: 'circle',
+            itemStyle: {
+              normal: {
+                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
+                  offset: 0,
+                  color: '#0000ff'
+                }, {
+                  offset: 1,
+                  color: '#00ffff'
+                }]),
+                barBorderRadius: 0,
+                label: {
+                  show: true,
+                  position: "top",
+                  formatter: function (p) {
+                    return p.value > 0 ? (p.value) : '';
+                  }
+                }
+              }
+            },
+            data: data1
+          }, {
+            name: '外国人',
+            type: 'lines',
+            coordinateSystem: 'cartesian2d',
+            zlevel: 1,
+            smooth: true,
+            symbol: 'circle',
+            effect: {
+              show: true,
+              smooth: true,
+              period: 4,
+              symbolSize: 8
+            },
+            lineStyle: {
+              normal: {
+                color: '#00ffff',
+                width: 0,
+                opacity: 0,
+                curveness: 0,
+              }
+            },
+            data: json1.chart0.lowLine,
+          },]
       };
       if (option) {
         myChart.setOption(option);