diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
index a830f0eb4..b76c38262 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
@@ -184,10 +184,10 @@
       <div slot="title">
         {{$t("project.endpoint.dialogTitle")}}
         <div class="float-right panel-calendar dialog-tool" style="display: flex">
-          <pick-time :refresh-data-func="queryChartDate" :use-refresh="false" v-model="searchTime" style="height: 28px;"></pick-time>
+          <pick-time :refresh-data-func="queryChartDate" :use-refresh="false" v-model="searchTime" style="height: 28px;" @unitChange="chartUnitChange"></pick-time>
         </div>
       </div>
-      <chart ref="messageChart" ></chart>
+      <chart ref="messageChart" :unit="chartUnit"></chart>
     </el-dialog>
   </span>
 </template>
@@ -216,6 +216,7 @@
         sameLabels: ['instance','module','project','asset','endpoint','datacenter'],
         searchTime: [new Date().setHours(new Date().getHours() - 1), new Date()],
         currentMsg: {},
+        chartUnit: 5,
 
         defaultSearchValue: this.obj.alertNum ? 1 : 0,
         showElementSet: false,
@@ -561,6 +562,13 @@
           this.queryChartDate();
         });
       },
+      chartUnitChange:function(unit){
+        this.chartUnit=unit;
+        this.$nextTick(()=>{
+          this.queryChartDate()
+        })
+      },
+
       dialogClose() {
         this.graphShow = false;
       },
diff --git a/nezha-fronted/src/components/page/alert/list.vue b/nezha-fronted/src/components/page/alert/list.vue
index b30e7a240..a58ffa841 100644
--- a/nezha-fronted/src/components/page/alert/list.vue
+++ b/nezha-fronted/src/components/page/alert/list.vue
@@ -208,10 +208,10 @@
       <div slot="title">
         {{$t("project.endpoint.dialogTitle")}}
         <div class="float-right panel-calendar dialog-tool" style="display: flex">
-          <pick-time :refresh-data-func="queryChartDate" :use-refresh="false" v-model="searchTime" style="height: 28px;"></pick-time>
+          <pick-time :refresh-data-func="queryChartDate" :use-refresh="false" v-model="searchTime" style="height: 28px;" @unitChange="chartUnitChange"></pick-time>
         </div>
       </div>
-      <chart ref="messageChart" name="alertMessageChart"></chart>
+      <chart ref="messageChart" name="alertMessageChart" :unit="chartUnit"></chart>
     </el-dialog>
   </div>
 
@@ -258,6 +258,7 @@
         legend: [],
         searchTime: [new Date().setHours(new Date().getHours() - 1), new Date()],
         currentMsg: {},
+        chartUnit: 5,
 
         tableId: 'alertListTable', //需要分页的table的id，用于记录每页数量
         showTopBtn: false,
@@ -471,6 +472,12 @@
         this.$store.commit('setHeaderTable', data);
         this.tablelable = data;
       },
+      chartUnitChange:function(unit){
+        this.chartUnit=unit;
+        this.$nextTick(()=>{
+          this.queryChartDate()
+        })
+      },
       queryChartDate() {
         let start = this.searchTime[0]?this.searchTime[0]:this.getTime(-1, 'h');
         let end = this.searchTime[1]?this.searchTime[1]:this.getTime(0, 'h')