From 63f8c269551a789798e1a0a0441ba0bd9f1bdffc Mon Sep 17 00:00:00 2001 From: 63f1bb74d2451104dc7d8b9f <63f1bb74d2451104dc7d8b9f@devide> Date: Fri, 21 Jul 2023 02:07:00 +0800 Subject: [PATCH] Fri Jul 21 02:07:00 CST 2023 inscode --- index.html | 6 ++++++ src/components/GameChart.vue | 19 +++++++++++++++---- 2 files changed, 21 insertions(+), 4 deletions(-) diff --git a/index.html b/index.html index ca14252..8ac62d5 100644 --- a/index.html +++ b/index.html @@ -9,6 +9,12 @@ csdn 用户快捷查分改文 +
diff --git a/src/components/GameChart.vue b/src/components/GameChart.vue index 7bebfb4..ed555af 100644 --- a/src/components/GameChart.vue +++ b/src/components/GameChart.vue @@ -53,6 +53,7 @@ const props = defineProps({ const state = reactive({ title: 'vue3 ts antd 参赛选手所在城市', clickCity: '全国', + maxCityNum:0, totlaNum: '', linesCoord: [], focusCity: '广东省', @@ -179,13 +180,13 @@ function initMap() { } state.airData.push(temp) } - console.log('state.airData',state.airData) + if(state.maxCityNum { - renderEchartBar() - }, 500) + renderEchartBar() } // storage @@ -270,6 +271,16 @@ function renderEchartBar() { 人员信息:
${strInfo}` } }, + visualMap: { // 设置视觉映射 + min: 0, + max: state.maxCityNum, + text: ['最高', '最低'], + realtime: true, + calculable: true, + inRange: { + color: ['lightskyblue', 'yellow', 'orangered'] + } + }, series: [ // 坐标点的热力数据 { -- GitLab