From 64e1db9d04bd4e2dd8ee4e61f2ec1de922c2f84d Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期二, 28 十一月 2023 10:53:06 +0800
Subject: [PATCH] 标绘查询点，多边形添加最大最小值，线查询添加单位

---
 src/components/BarGraph.vue |   74 +++++++++++++++++++------------------
 1 files changed, 38 insertions(+), 36 deletions(-)

diff --git a/src/components/BarGraph.vue b/src/components/BarGraph.vue
index f052e20..d057e8c 100644
--- a/src/components/BarGraph.vue
+++ b/src/components/BarGraph.vue
@@ -1,11 +1,6 @@
 <template>
-  <div class="title">
-    {{ layerData.layerName }}
-  </div>
-  <div
-    id="myEcharts"
-    :style="{ width: width, height: height }"
-  ></div>
+  <div class="title">{{ layerData.layerName }}</div>
+  <div id="myEcharts" :style="{ width: width, height: height }"></div>
 </template>
 <script lang="ts" setup>
 import {
@@ -72,31 +67,34 @@
 onMounted(() => {
   // console.log(props.layerData);
   xAxisData.value = [];
-  props.layerData.points.forEach((e, i) => {
-    xAxisData.value.push(e.len);
-  });
-  data = trans(props.layerData.points);
-  optionData = props.layerData.points;
-  seriesData.value = [];
-  data.forEach((e) => {
-    seriesData.value.push({
-      data: e,
-      type: "line",
-      smooth: true,
-
-      label: {
-        label: {
-          show: false,
-          position: "top",
-          formatter: "{c}",
-        },
-      },
+  if (props.layerData && props.layerData.points) {
+    props.layerData.points.forEach((e, i) => {
+      xAxisData.value.push(e.len);
     });
-  });
+   
+    data = trans(props.layerData.points);
+    optionData = props.layerData.points;
+    seriesData.value = [];
+    data.forEach((e) => {
+      seriesData.value.push({
+        data: e,
+        type: "line",
+        smooth: true,
 
-  nextTick(() => {
-    initChart();
-  });
+        label: {
+          label: {
+            show: false,
+            position: "top",
+            formatter: "{c}",
+          },
+        },
+      });
+    });
+
+    nextTick(() => {
+      initChart();
+    });
+  }
 });
 
 onUnmounted(() => {
@@ -119,9 +117,11 @@
   if (myChart) {
     myChart.clear();
   }
-  var valXData=  xAxisData.value.filter(res=>{
- return (res/1000).toFixed(2)
-  })
+  var unit = props.layerData.unit ? props.layerData.unit : '';
+  var valXData = [];
+  xAxisData.value.filter((rs) => {
+    valXData.push((parseFloat(rs) / 1000).toFixed(3));
+  });
   myChart = myEcharts.init(
     document.getElementById(`myEcharts`),
     "purple-passion"
@@ -147,13 +147,14 @@
       // data: xAxisData.value,
     },
     xAxis: {
-      name: "鍗冪背锛圞M锛�",
+      name: "鍗冪背",
       type: "category",
       data: valXData,
       show: true, // 涓嶆樉绀哄潗鏍囪酱绾裤�佸潗鏍囪酱鍒诲害绾垮拰鍧愭爣杞翠笂鐨勬枃瀛�
       axisTick: {
         show: true, // 涓嶆樉绀哄潗鏍囪酱鍒诲害绾�
       },
+
       axisLine: {
         show: true, // 涓嶆樉绀哄潗鏍囪酱绾�
       },
@@ -189,7 +190,7 @@
                 "鏁板�硷細 " +
                 res.vals[0] +
                 " <br> 璺濈锛�" +
-                res.len +
+                (res.len / 1000).toFixed(3) +
                 "KM<br> 缁忓害锛�" +
                 res.x.toFixed(6) +
                 "<br> 绾害锛�" +
@@ -208,12 +209,13 @@
     grid: {
       left: "5%", // 缁勪欢绂诲鍣ㄥ乏渚х殑璺濈,鐧惧垎姣斿瓧绗︿覆鎴栨暣鍨嬫暟瀛�
 
-      right: "10%",
+      right: "23%",
 
       containLabel: true, //grid 鍖哄煙鏄惁鍖呭惈鍧愭爣杞寸殑鍒诲害鏍囩锛�
     },
 
     yAxis: {
+      name: unit,
       type: "value",
       show: true, // 涓嶆樉绀哄潗鏍囪酱绾裤�佸潗鏍囪酱鍒诲害绾垮拰鍧愭爣杞翠笂鐨勬枃瀛�
       axisTick: {

--
Gitblit v1.9.3