From f4a54f5d378fb194d4132de2668e5d85a255b8ff Mon Sep 17 00:00:00 2001 From: surprise <15810472099@163.com> Date: 星期四, 26 十月 2023 15:07:55 +0800 Subject: [PATCH] 版本更新 --- src/components/BarGraph.vue | 20 +++++++++++--------- 1 files changed, 11 insertions(+), 9 deletions(-) diff --git a/src/components/BarGraph.vue b/src/components/BarGraph.vue index f052e20..9611642 100644 --- a/src/components/BarGraph.vue +++ b/src/components/BarGraph.vue @@ -2,10 +2,7 @@ <div class="title"> {{ layerData.layerName }} </div> - <div - id="myEcharts" - :style="{ width: width, height: height }" - ></div> + <div id="myEcharts" :style="{ width: width, height: height }"></div> </template> <script lang="ts" setup> import { @@ -119,8 +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`), @@ -147,13 +146,14 @@ // data: xAxisData.value, }, xAxis: { - name: "鍗冪背锛圞M锛�", + name: "鍗冪背", type: "category", data: valXData, show: true, // 涓嶆樉绀哄潗鏍囪酱绾裤�佸潗鏍囪酱鍒诲害绾垮拰鍧愭爣杞翠笂鐨勬枃瀛� axisTick: { show: true, // 涓嶆樉绀哄潗鏍囪酱鍒诲害绾� }, + axisLine: { show: true, // 涓嶆樉绀哄潗鏍囪酱绾� }, @@ -161,6 +161,7 @@ show: true, // 涓嶆樉绀哄潗鏍囪酱涓婄殑鏂囧瓧 showMinLabel: true, // 寮哄埗鏄剧ず鏈�灏忓�兼爣绛� showMaxLabel: true, // 寮哄埗鏄剧ず鏈�澶у�兼爣绛� + }, splitLine: { show: false, // 涓嶆樉绀虹綉鏍肩嚎 @@ -185,11 +186,12 @@ optionData[val.dataIndex].len == res.len && res.vals[0] == val.data ) { + return ( "鏁板�硷細 " + res.vals[0] + " <br> 璺濈锛�" + - res.len + + (res.len / 1000).toFixed(3) + "KM<br> 缁忓害锛�" + res.x.toFixed(6) + "<br> 绾害锛�" + @@ -208,7 +210,7 @@ grid: { left: "5%", // 缁勪欢绂诲鍣ㄥ乏渚х殑璺濈,鐧惧垎姣斿瓧绗︿覆鎴栨暣鍨嬫暟瀛� - right: "10%", + right: "23%", containLabel: true, //grid 鍖哄煙鏄惁鍖呭惈鍧愭爣杞寸殑鍒诲害鏍囩锛� }, -- Gitblit v1.9.3