diff --git a/index.html b/index.html
index 8ac62d569341511d735e3c542109d1c31484acbb..141e9f2325e701a96bd1dcac2e38f77ff6b03d2d 100644
--- a/index.html
+++ b/index.html
@@ -9,12 +9,12 @@
   <meta name="referrer" content="no-referrer" />
   <title>csdn 用户快捷查分改文</title>
 </head>
-<style>
+<!-- <style>
   body{
     background: #262626;
     color:#fff;
   }
-</style>
+</style> -->
 
 <body>
   <div id="app"></div>
diff --git a/src/components/GameChart.vue b/src/components/GameChart.vue
index 5fa5bc93f8ef311c49de8f6627d90ecadbf48139..a22b7d0a03e39db8b0f2570984b8d60a0172a4ae 100644
--- a/src/components/GameChart.vue
+++ b/src/components/GameChart.vue
@@ -16,18 +16,22 @@
         </div>
     </div>
     <div>
-        参赛报名人数：{{ state.totlaNum }}
+       <div>
+        参赛报名总人数：{{ state.totlaNum }}
+       </div>
+       <div>
+        参赛报名有效人数：{{ state.totalRealNum }}
+       </div>
     </div>
 
-    <div style="display:flex">
-        <div id="barChartId" style="flex:1;width:600px;height:900px;border: 1px solid #333;">
+    <div style="display:flex;justify-content: space-between;">
+        <div style="flex:1; min-width:600px;height:600px;border: 1px solid #333;">
             <div style="width: 100%;min-width:600px;font-weight: 600;text-align: center;">{{ state.clickCity }}</div>
             <div id="barChartId" style="min-width:600px;height:600px;margin: 0 auto;">
-
             </div>
         </div>
-        <div style="width: 700px;height:900px;border: 1px solid #333;">
-            <a-table :scroll="{ x: 600, y: 750 }" :columns="state.columns" :data-source="state.dataSource"
+        <div style="width: 600px;height:600px;border: 1px solid #333;">
+            <a-table :scroll="{ x: 600, y: 450 }" :columns="state.columns" :data-source="state.dataSource"
                 :loading="state.loading" :pagination="state.pagination" bordered style="border-bottom:1px solid #f0f0f0;">
                 <template #bodyCell="{ column, record }">
                     <template v-if="column.key === 'imgSrc'">
@@ -54,6 +58,7 @@ const state = reactive({
     title: 'vue3 ts antd 参赛选手所在城市',
     clickCity: '全国',
     maxCityNum: 0,
+    totalRealNum:0,
     totlaNum: '',
     linesCoord: [],
     focusCity: '广东省',
@@ -212,9 +217,11 @@ function renderEchartBar() {
     }
     const myChart = echarts.init(domInstance);
     const option = {
+        backgroundColor: 'rgba(0,0,0,0)',//背景色
         title: {
             text: '中国地图',
-            subtext: 'chinaJson'
+            subtext: 'chinaJson',
+            color:'#fff'
         },
         visualMap: { // 设置视觉映射
             min: 0,
