Fri Jul 21 02:07:00 CST 2023 inscode

63f8c269 · 63f1bb74d2451104dc7d8b9f · ad01ed2c · 63f8c269 · 63f8c269
隐藏空白更改
内联并排

Showing with 21 addition and 4 deletion

index.html index.html +6 -0

src/components/GameChart.vue src/components/GameChart.vue +15 -4

未找到文件。
--- a/index.html
+++ b/index.html
@@ -9,6 +9,12 @@
  <meta name="referrer" content="no-referrer" />
  <title>csdn 用户快捷查分改文</title>
 </head>
+<style>
+  body{
+    background: #262626;
+    color:#fff;
+  }
+</style>
 <body>
  <div id="app"></div>

--- 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<number){
+            state.maxCityNum=number
+        }
        continue
    }
-    setTimeout(() => {
+    renderEchartBar()
-        renderEchartBar()
-    }, 500)
 }
 // storage
@@ -270,6 +271,16 @@ function renderEchartBar() {
                人员信息：<br>${strInfo}`
            }
        },
+        visualMap: { // 设置视觉映射
+            min: 0,
+            max: state.maxCityNum,
+            text: ['最高', '最低'],
+            realtime: true,
+            calculable: true,
+            inRange: {
+                color: ['lightskyblue', 'yellow', 'orangered']
+            }
+        },
        series: [
            // 坐标点的热力数据
            {