diff --git a/src/components/PingChart.vue b/src/components/PingChart.vue
index 4ff4c708f..052afe316 100644
--- a/src/components/PingChart.vue
+++ b/src/components/PingChart.vue
@@ -228,6 +228,7 @@ export default {
                         toast.error(res.msg);
                     } else {
                         this.heartbeatList = res.data;
+                        this.$root.storage()[`chart-period-${this.monitorId}`] = newPeriod;
                     }
                     this.loading = false;
                 });
@@ -248,6 +249,12 @@ export default {
             },
             { deep: true }
         );
+
+        // Load chart period from storage if saved
+        let period = this.$root.storage()[`chart-period-${this.monitorId}`];
+        if (period != null) {
+            this.chartPeriodHrs = period;
+        }
     }
 };
 </script>