Переглянути джерело

feat: 实时展示界面中,鼠标移至停泊点处设置为可显示起点距离

hum 1 рік тому
батько
коміт
d09c7a21bc

+ 29 - 0
ruoyi-ui/src/views/analysis/task/result/simulation.vue

@@ -131,6 +131,9 @@ export default {
           bottom: 0,
           show: false,
         },
+        tooltip: {
+          trigger: 'item',
+        },
         xAxis: {
           type: 'value',
           min: minX,
@@ -157,6 +160,9 @@ export default {
             areaStyle: {
               opacity: 1,
               color: '#ffc27f',
+            },
+            tooltip: {
+              show: false,
             }
           },
           {
@@ -170,6 +176,9 @@ export default {
             areaStyle: {
               opacity: 1,
               color: '#a5cdf7',
+            },
+            tooltip: {
+              show: false,
             }
           },
           {
@@ -181,6 +190,9 @@ export default {
               width: 2,
               color: '#54606C',
             },
+            tooltip: {
+              show: false,
+            }
           },
           {
             data: stopSeries,
@@ -217,6 +229,14 @@ export default {
                 position: 'middle',
                 formatter: '{b}',
                 color: '#FF8500',
+              },
+              tooltip: {
+                show: false,
+              }
+            },
+            tooltip: {
+              formatter: (params) => {
+                return `起点距: ${params.value[0]}`;
               }
             }
           },
@@ -227,6 +247,9 @@ export default {
             z: 3,
             itemStyle: {
               color: '#A6B7C7',
+            },
+            tooltip: {
+              show: false,
             }
           },
           {
@@ -239,6 +262,9 @@ export default {
             z: 3,
             itemStyle: {
               opacity: 1
+            },
+            tooltip: {
+              show: false,
             }
           },
           {
@@ -252,6 +278,9 @@ export default {
             itemStyle: {
               color: '#778CB2',
               opacity: 0.5
+            },
+            tooltip: {
+              show: false,
             }
           },
         ]

+ 2 - 0
ruoyi-ui/src/views/index.vue

@@ -22,6 +22,8 @@ export default {
   mounted() {
     this.map = new T.Map(this.$refs.map);
     this.map.centerAndZoom(new T.LngLat(104.066541, 30.572269), 8);
+    this.map.addControl(new T.Control.Zoom());
+    this.map.addControl(new T.Control.MapType());
   },
   methods: {
     handleQuery() {