From 616b8ab8998bfbec69929152612dc94d3112c2a9 Mon Sep 17 00:00:00 2001
From: Surpriseplus <845948745@qq.com>
Date: 星期二, 10 十月 2023 16:56:26 +0800
Subject: [PATCH] 标绘查询修改，空间查询功能修改，图层管理数据加载方式修改
---
src/components/BarGraph.vue | 58 ++++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 52 insertions(+), 6 deletions(-)
diff --git a/src/components/BarGraph.vue b/src/components/BarGraph.vue
index 1dfad68..131d870 100644
--- a/src/components/BarGraph.vue
+++ b/src/components/BarGraph.vue
@@ -34,6 +34,8 @@
let dataLength;
let data = [];
let isshow = ref(true);
+let myChart = null;
+let optionData = [];
watch(
() => props.layerData,
(nVal, oVal) => {
@@ -42,8 +44,9 @@
xAxisData.value.push(e.len);
});
data = trans(props.layerData.points);
-
+ optionData = props.layerData.points;
seriesData.value = [];
+
data.forEach((e) => {
seriesData.value.push({
data: e,
@@ -73,13 +76,14 @@
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,
- symbol: "none", //鍙栨秷鎶樼偣鍦嗗湀
+
label: {
label: {
show: false,
@@ -89,6 +93,7 @@
},
});
});
+
nextTick(() => {
initChart();
});
@@ -111,11 +116,14 @@
return result;
}
function initChart() {
- let chart = myEcharts.init(
+ if (myChart) {
+ myChart.clear();
+ }
+ myChart = myEcharts.init(
document.getElementById(`myEcharts`),
"purple-passion"
);
- chart.setOption({
+ myChart.setOption({
// title: {
// text: props.layerData.layerName,
// left: "center",
@@ -163,8 +171,46 @@
backgroundColor: "#6a7985",
},
},
- formatter: "鏁板�硷細{c} <br> 璺濈锛歿b}m", //{a}锛堢郴鍒楀悕绉帮級锛寋b}锛堟暟鎹」鍚嶇О锛夛紝{c}锛堟暟鍊硷級, {d}锛堢櫨鍒嗘瘮锛�
+
+ // formatter: "鏁板�硷細{c} <br> 璺濈锛歿b}m", //{a}锛堢郴鍒楀悕绉帮級锛寋b}锛堟暟鎹」鍚嶇О锛夛紝{c}锛堟暟鍊硷級, {d}锛堢櫨鍒嗘瘮锛�
+ formatter: (result) => {
+ var val = result[0];
+ if (optionData) {
+ for (var i in optionData) {
+ var res = optionData[i];
+
+ if (
+ optionData[val.dataIndex].len == res.len &&
+ res.vals[0] == val.data
+ ) {
+ return (
+ "鏁板�硷細 " +
+ val.data +
+ " <br> 璺濈锛�" +
+ val.dataIndex +
+ "m<br> 缁忓害锛�" +
+ res.x.toFixed(6) +
+ "<br> 绾害锛�" +
+ res.y.toFixed(6)
+ );
+ break;
+ }
+ }
+ return "鏁板�硷細 " + val.data + " <br> 璺濈锛�" + val.dataIndex + "m";
+ } else {
+ return "鏁板�硷細 " + val.data + " <br> 璺濈锛�" + val.dataIndex + "m";
+ }
+ },
},
+
+ grid: {
+ left: "5%", // 缁勪欢绂诲鍣ㄥ乏渚х殑璺濈,鐧惧垎姣斿瓧绗︿覆鎴栨暣鍨嬫暟瀛�
+
+ right: "10%",
+
+ containLabel: true, //grid 鍖哄煙鏄惁鍖呭惈鍧愭爣杞寸殑鍒诲害鏍囩锛�
+ },
+
yAxis: {
type: "value",
show: true, // 涓嶆樉绀哄潗鏍囪酱绾裤�佸潗鏍囪酱鍒诲害绾垮拰鍧愭爣杞翠笂鐨勬枃瀛�
@@ -184,7 +230,7 @@
series: seriesData.value,
});
window.onresize = function () {
- chart.resize();
+ myChart.resize();
};
}
</script>
--
Gitblit v1.9.3