From 19a4741002f4208bf7fc951cbf3219897af5699a Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期四, 26 十月 2023 16:41:22 +0800
Subject: [PATCH] 标绘查询修改
---
src/components/BarGraph.vue | 71 +++++++++++++++++------------------
1 files changed, 35 insertions(+), 36 deletions(-)
diff --git a/src/components/BarGraph.vue b/src/components/BarGraph.vue
index f052e20..b1d5c64 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,33 @@
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 +116,10 @@
if (myChart) {
myChart.clear();
}
- var valXData= xAxisData.value.filter(res=>{
- return (res/1000).toFixed(2)
- })
+ var valXData = [];
+ xAxisData.value.filter((rs) => {
+ valXData.push((parseFloat(rs) / 1000).toFixed(3));
+ });
myChart = myEcharts.init(
document.getElementById(`myEcharts`),
"purple-passion"
@@ -147,13 +145,14 @@
// data: xAxisData.value,
},
xAxis: {
- name: "鍗冪背锛圞M锛�",
+ name: "鍗冪背",
type: "category",
data: valXData,
show: true, // 涓嶆樉绀哄潗鏍囪酱绾裤�佸潗鏍囪酱鍒诲害绾垮拰鍧愭爣杞翠笂鐨勬枃瀛�
axisTick: {
show: true, // 涓嶆樉绀哄潗鏍囪酱鍒诲害绾�
},
+
axisLine: {
show: true, // 涓嶆樉绀哄潗鏍囪酱绾�
},
@@ -189,7 +188,7 @@
"鏁板�硷細 " +
res.vals[0] +
" <br> 璺濈锛�" +
- res.len +
+ (res.len / 1000).toFixed(3) +
"KM<br> 缁忓害锛�" +
res.x.toFixed(6) +
"<br> 绾害锛�" +
@@ -208,7 +207,7 @@
grid: {
left: "5%", // 缁勪欢绂诲鍣ㄥ乏渚х殑璺濈,鐧惧垎姣斿瓧绗︿覆鎴栨暣鍨嬫暟瀛�
- right: "10%",
+ right: "23%",
containLabel: true, //grid 鍖哄煙鏄惁鍖呭惈鍧愭爣杞寸殑鍒诲害鏍囩锛�
},
--
Gitblit v1.9.3