diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue b/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
index af13d7524..8c91cc92a 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/panelTabNew.vue
@@ -43,6 +43,9 @@
               <el-dropdown-item v-has="'main_edit'">
                 <div id="chart-temp-sync" @click="chartBySync"><i class="nz-icon nz-icon-sync"></i>{{ $t('overall.syncChart') }}</div>
               </el-dropdown-item>
+              <el-dropdown-item v-has="'panel_view'">
+                <div id="chart-export-html" @click="exportType"><i class="nz-icon nz-icon-sync"></i>{{ $t('overall.syncChart') }}</div>
+              </el-dropdown-item>
             </template>
           </top-tool-more-options>
         </div>
@@ -76,6 +79,9 @@
               <el-dropdown-item v-has="'main_edit'">
                 <div id="chart-temp-sync" @click="chartBySync"><i class="nz-icon nz-icon-sync"></i>{{ $t('overall.syncChart') }}</div>
               </el-dropdown-item>
+              <el-dropdown-item v-has="'panel_view'">
+                <div id="chart-export-html" @click="exportType"><i class="nz-icon nz-icon-sync"></i>{{ $t('overall.syncChart') }}</div>
+              </el-dropdown-item>
             </template>
           </top-tool-more-options>
         </div>
diff --git a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
index f083ad3cd..a316b09be 100644
--- a/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
+++ b/nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
@@ -500,19 +500,19 @@ export default {
         this.importBox.width = '600px'
       } else if (type == 2) { // export
         this.importBox.title = this.$t('overall.exportExcel')
-        this.importBox.width = this.exportBoxShow ? '850px' : '580px'
-        if (this.exportBoxShow) {
-          this.formatArr = [
-            { name: 'XLSX', value: 1 },
-            { name: 'CSV', value: 2 },
-            { name: 'JSON', value: 3 },
-            { name: 'PDF', value: 4 },
-            { name: 'Html', value: 5 }]
-        } else {
-          this.formatArr = [{ name: 'XLSX', value: 1 },
-            { name: 'CSV', value: 2 },
-            { name: 'JSON', value: 3 }]
-        }
+        this.importBox.width = '580px'
+        // if (this.exportBoxShow) {
+        //   this.formatArr = [
+        //     { name: 'XLSX', value: 1 },
+        //     { name: 'CSV', value: 2 },
+        //     { name: 'JSON', value: 3 },
+        //     { name: 'PDF', value: 4 },
+        //     { name: 'Html', value: 5 }]
+        // } else {
+        //   this.formatArr = [{ name: 'XLSX', value: 1 },
+        //     { name: 'CSV', value: 2 },
+        //     { name: 'JSON', value: 3 }]
+        // }
       }
     },
     getTimeString () {
diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue
index 63fac9a6d..b40ca847c 100644
--- a/nezha-fronted/src/components/page/dashboard/panel.vue
+++ b/nezha-fronted/src/components/page/dashboard/panel.vue
@@ -77,6 +77,9 @@
                   <el-dropdown-item v-has="'panel_view'">
                     <div id="chart-temp-sync" @click="chartBySync"><i class="nz-icon nz-icon-sync"></i>{{ $t('overall.syncChart') }}</div>
                   </el-dropdown-item>
+                  <el-dropdown-item v-has="'panel_view'">
+                    <div id="chart-export-html" @click="exportType"><i class="nz-icon nz-icon-sync"></i>{{ $t('overall.syncChart') }}</div>
+                  </el-dropdown-item>
                 </template>
               </top-tool-more-options>
             </div>