From 2aa1d87680e9351bf027bab73f61290b7f00efe4 Mon Sep 17 00:00:00 2001
From: ZhangXianQiang <1135831638@qq.com>
Date: 星期五, 08 三月 2024 15:55:56 +0800
Subject: [PATCH] fix:修改柱状图提示框样式
---
src/views/index/center-map.vue | 52 ++++++++++++++++++++++++++++++++--------------------
1 files changed, 32 insertions(+), 20 deletions(-)
diff --git a/src/views/index/center-map.vue b/src/views/index/center-map.vue
index a406a02..26f22a1 100644
--- a/src/views/index/center-map.vue
+++ b/src/views/index/center-map.vue
@@ -3,7 +3,10 @@
import { currentGET, GETNOBASE } from "@/api";
import { registerMap, getMap } from "echarts/core";
import { optionHandle, regionCodes } from "./center.map";
+import BorderBox13 from "@/components/datav/border-box-13";
import type { MapdataType } from "./center.map";
+import chart2 from "./chart2.vue"
+import chartgd from "./chartgd.vue"
const option = ref({});
const code = ref("china"); //china 浠ｈ〃涓浗 鍏朵粬鍦板競鏄鏀跨紪鐮�
@@ -36,7 +39,7 @@
}
});
await nextTick();
-
+ console.log(mapData)
option.value = optionHandle(regionCode, list, mapData);
};
@@ -58,7 +61,7 @@
mapjson = await GETNOBASE(`./map-geojson/${regionCode}.json`).then(
(data) => data
);
- code.value=regionCode
+ code.value = regionCode;
registerMap(regionCode, {
geoJSON: mapjson as any,
specialAreas: {},
@@ -75,30 +78,39 @@
if (xzqData) {
getData(xzqData.adcode);
} else {
-
- window["$message"].warning("鏆傛棤涓嬬骇鍦板競")
+ window["$message"].warning("鏆傛棤涓嬬骇鍦板競");
}
};
+const dtFig =ref(0)
+const handlechan =()=>{
+ console.log(dtFig.value)
+ dtFig.value = 1
+}
</script>
<template>
<div class="centermap">
- <!-- <div class="maptitle">
+ <div class="maptitle" style="display:none;">
<div class="zuo"></div>
<span class="titletext">{{ title }}</span>
<div class="you"></div>
- </div> -->
+ </div>
<div class="mapwrap">
- <div class="quanguo" @click="getData('china')" v-if="code !== 'china'">
- 涓浗
- </div>
- <v-chart
- class="chart"
- :option="option"
- ref="centerMapRef"
- @click="mapClick"
- v-if="JSON.stringify(option)!='{}'"
- />
+ <BorderBox13>
+<!-- <div class="quanguo" @click="getData('china')" >-->
+<!-- 涓浗-->
+<!-- </div>-->
+
+ <chartgd @changeDt="handlechan" v-if="dtFig ==0"></chartgd>
+ <chart2 v-else></chart2>
+<!-- <v-chart-->
+<!-- class="chart"-->
+<!-- :option="option"-->
+<!-- ref="centerMapRef"-->
+<!-- @click="mapClick"-->
+<!-- v-if="JSON.stringify(option) != '{}'"-->
+<!-- />-->
+ </BorderBox13>
</div>
</div>
</template>
@@ -147,7 +159,8 @@
}
.mapwrap {
- height: 580px;
+ //height: 580px;
+ height: 900px;
width: 100%;
// padding: 0 0 10px 0;
box-sizing: border-box;
@@ -156,8 +169,7 @@
.quanguo {
position: absolute;
right: 20px;
- // top: -46px;
- top: 0;
+ top: -46px;
width: 80px;
height: 28px;
border: 1px solid #00eded;
@@ -169,7 +181,7 @@
cursor: pointer;
box-shadow: 0 2px 4px rgba(0, 237, 237, 0.5),
0 0 6px rgba(0, 237, 237, 0.4);
- z-index: 10;
+ z-index: 10;
}
}
}
--
Gitblit v1.8.0