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/BarGraphAxisLine.vue | 30 +++++++++++++++++++----------- 1 files changed, 19 insertions(+), 11 deletions(-) diff --git a/src/components/BarGraphAxisLine.vue b/src/components/BarGraphAxisLine.vue index 7e582b2..9fb4ada 100644 --- a/src/components/BarGraphAxisLine.vue +++ b/src/components/BarGraphAxisLine.vue @@ -29,25 +29,23 @@ let dataLength; let data = []; onMounted(() => { - console.log(props.layerData); props.layerData.points.forEach((e, i) => { xAxisData.value.push(returnFloat1(e.len)); }); + debugger data = trans(props.layerData.points); - + seriesData.value = []; data.forEach((e) => { seriesData.value.push({ data: e, type: "line", smooth: true, symbol: "none", //鍙栨秷鎶樼偣鍦嗗湀 - itemStyle: { - normal: { - label: { - show: false, - position: "top", - formatter: "{c}", - }, + label: { + label: { + show: false, + position: "top", + formatter: "{c}", }, }, }); @@ -84,10 +82,17 @@ return result; } function initChart() { + let chart = myEcharts.init( document.getElementById("myEchartsBIG"), "purple-passion" ); + var unit = props.layerData.unit ? props.layerData.unit : ''; + var val = []; + xAxisData.value.filter(res => { + val.push((res / 1000).toFixed(3)); + }) + chart.setOption({ title: { text: "", @@ -156,8 +161,8 @@ }, xAxis: { type: "category", - data: xAxisData.value, - name: "绫筹紙m锛�", + data: val, + name: "鍗冪背", axisLabel: { //x杞存枃瀛楃殑閰嶇疆 showMinLabel: true, // 寮哄埗鏄剧ず鏈�灏忓�兼爣绛� @@ -193,8 +198,11 @@ tooltip: { trigger: "axis", }, + yAxis: { + name:unit, type: "value", + }, series: seriesData.value, }); -- Gitblit v1.9.3