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 | 59 ++++++++++++++++++++++++++++------------------------------- 1 files changed, 28 insertions(+), 31 deletions(-) diff --git a/src/components/BarGraph.vue b/src/components/BarGraph.vue index 9611642..b1d5c64 100644 --- a/src/components/BarGraph.vue +++ b/src/components/BarGraph.vue @@ -1,7 +1,5 @@ <template> - <div class="title"> - {{ layerData.layerName }} - </div> + <div class="title">{{ layerData.layerName }}</div> <div id="myEcharts" :style="{ width: width, height: height }"></div> </template> <script lang="ts" setup> @@ -69,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(() => { @@ -118,9 +118,8 @@ } var valXData = []; xAxisData.value.filter((rs) => { - valXData.push((parseFloat(rs) / 1000).toFixed(3)); - }) + }); myChart = myEcharts.init( document.getElementById(`myEcharts`), "purple-passion" @@ -153,7 +152,7 @@ axisTick: { show: true, // 涓嶆樉绀哄潗鏍囪酱鍒诲害绾� }, - + axisLine: { show: true, // 涓嶆樉绀哄潗鏍囪酱绾� }, @@ -161,7 +160,6 @@ show: true, // 涓嶆樉绀哄潗鏍囪酱涓婄殑鏂囧瓧 showMinLabel: true, // 寮哄埗鏄剧ず鏈�灏忓�兼爣绛� showMaxLabel: true, // 寮哄埗鏄剧ず鏈�澶у�兼爣绛� - }, splitLine: { show: false, // 涓嶆樉绀虹綉鏍肩嚎 @@ -186,7 +184,6 @@ optionData[val.dataIndex].len == res.len && res.vals[0] == val.data ) { - return ( "鏁板�硷細 " + res.vals[0] + -- Gitblit v1.9.3