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 | 37 ++++++++++++++++++++++++-------------
1 files changed, 24 insertions(+), 13 deletions(-)
diff --git a/src/views/index/center-map.vue b/src/views/index/center-map.vue
index 379890c..26f22a1 100644
--- a/src/views/index/center-map.vue
+++ b/src/views/index/center-map.vue
@@ -5,6 +5,8 @@
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 浠ｈ〃涓浗 鍏朵粬鍦板競鏄鏀跨紪鐮�
@@ -37,7 +39,7 @@
}
});
await nextTick();
-
+ console.log(mapData)
option.value = optionHandle(regionCode, list, mapData);
};
@@ -79,27 +81,35 @@
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 class="mapwrap">
<BorderBox13>
- <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) != '{}'"
- />
+<!-- <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>
@@ -149,7 +159,8 @@
}
.mapwrap {
- height: 580px;
+ //height: 580px;
+ height: 900px;
width: 100%;
// padding: 0 0 10px 0;
box-sizing: border-box;
--
Gitblit v1.8.0