diff --git a/src/components/abnormal-event-type-status.vue b/src/components/abnormal-event-type-status.vue
index e50d4b5..d4ebfdf 100644
--- a/src/components/abnormal-event-type-status.vue
+++ b/src/components/abnormal-event-type-status.vue
@@ -6,13 +6,25 @@
         <el-segmented v-model="activeSegment" :options="props.segments" :props="{ label: 'label', value: 'value' }"
           size="small" @change="dateTypeChange" />
       </div>
-      <div class="area-info-item" v-for="(item, index) in props.data" :key="item.name" @click="doItem(item)">
-        <span
-          :style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
-        <span class="name">{{ item.title }}</span>
-        <span :style="{ marginLeft: '0.2vw', color: colors[index] }">{{ item.total }}次</span>
-        <span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ percent(item.total) }})
-        </span>
+      <!-- <div class="area-info">
+        <div class="area-info-item" v-for="(item, index) in 10" :key="item.name" @click="doItem(item)">
+          <span
+            :style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
+          <span class="name">新县府二楼</span>
+          <span :style="{ marginLeft: '0.2vw', color: colors[index] }">433次</span>
+          <span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ 23.4 }}%)
+          </span>
+        </div>
+      </div> -->
+      <div class="area-info">
+        <div class="area-info-item" v-for="(item, index) in props.data" :key="item.name" @click="doItem(item)">
+          <span
+            :style="{ width: '1vw', height: '1vw', background: colors[index], borderRadius: '50%', display: 'inline-block' }"></span>
+          <span class="name">{{ item.title }}</span>
+          <span :style="{ marginLeft: '0.2vw', color: colors[index] }">{{ item.total }}次</span>
+          <span :style="{ marginLeft: '0.1vw', color: colors[index], fontSize: '0.6vw' }"> ({{ percent(item.total) }})
+          </span>
+        </div>
       </div>
     </div>
   </div>
@@ -215,7 +227,7 @@ onBeforeUnmount(() => {
     display: flex;
     flex-direction: column;
     align-items: center;
-    justify-content: center;
+    justify-content: space-between;
     gap: 1vh;
 
     .segmented {
@@ -227,6 +239,7 @@ onBeforeUnmount(() => {
     }
 
     .area-info {
+      width: 100%;
       overflow: scroll;
       scrollbar-width: none;
       -ms-overflow-style: none;
diff --git a/src/components/person-through-rank.vue b/src/components/person-through-rank.vue
index 27b7d21..b5b1896 100644
--- a/src/components/person-through-rank.vue
+++ b/src/components/person-through-rank.vue
@@ -106,11 +106,11 @@ const options = {
         borderRadius: [0, 10, 10, 0],
         color: (params) => {
           const palette = [
+            ["#1F4F68", "#2FC6DC"],
+            ["#1F4F68", "#2FC6DC"],
+            ["#1F4F68", "#2FC6DC"],
+            ["#1F4F68", "#2FC6DC"],
             ["#F47E3D", "#F4C93D"],
-            ["#1F4F68", "#2FC6DC"],
-            ["#1F4F68", "#2FC6DC"],
-            ["#1F4F68", "#2FC6DC"],
-            ["#1F4F68", "#2FC6DC"],
           ];
           const [c1, c2] = palette[params.dataIndex % palette.length];
           return new echarts.graphic.LinearGradient(1, 0, 0, 0, [