diff --git a/src/views/perfManage/goldTarget/index.vue b/src/views/perfManage/goldTarget/index.vue
index ff93ad9e..451a171a 100644
--- a/src/views/perfManage/goldTarget/index.vue
+++ b/src/views/perfManage/goldTarget/index.vue
@@ -1870,14 +1870,14 @@ onBeforeUnmount(() => {
           </a-form-item>
           <a-button
             v-show="!tableState.showTable"
-            type="link"
-            ghost
+            type="primary"
             @click="toggleChartVisibility"
             class="chart-toggle-btn"
             :title="isChartVisible ? 'hide' : 'show'"
           >
             <EyeOutlined v-if="isChartVisible" />
             <EyeInvisibleOutlined v-else />
+            <span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
           </a-button>
         </a-form>
       </template>
diff --git a/src/views/perfManage/kpiCReport/index.vue b/src/views/perfManage/kpiCReport/index.vue
index 0ace87d1..e3276922 100644
--- a/src/views/perfManage/kpiCReport/index.vue
+++ b/src/views/perfManage/kpiCReport/index.vue
@@ -1294,14 +1294,14 @@ onBeforeUnmount(() => {
           </a-form-item>
           <a-button
             v-show="!tableState.showTable"
-            type="link"
-            ghost
+            type="primary"
             @click="toggleChartVisibility"
             class="chart-toggle-btn"
             :title="isChartVisible ? 'hide' : 'show'"
           >
             <EyeOutlined v-if="isChartVisible" />
             <EyeInvisibleOutlined v-else />
+            <span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
           </a-button>
         </a-form>
       </template>
diff --git a/src/views/perfManage/kpiOverView/index.vue b/src/views/perfManage/kpiOverView/index.vue
index 98f70183..599bae62 100644
--- a/src/views/perfManage/kpiOverView/index.vue
+++ b/src/views/perfManage/kpiOverView/index.vue
@@ -1418,14 +1418,14 @@ const tableRowConfig = computed(() => {
         <a-switch v-model:checked="isRealtime" @change="toggleRealtime" />
       </a-form-item>
       <a-button
-        type="link"
-        ghost
+        type="primary"
         @click="toggleChartVisibility"
         class="chart-toggle-btn"
         :title="isChartVisible ? 'hide' : 'show'"
       >
         <EyeOutlined v-if="isChartVisible"  />
         <EyeInvisibleOutlined v-else />
+        <span style="margin-left: 4px;">{{ isChartVisible ? 'Foldable the chart' : 'Expand the chart' }}</span>
       </a-button>
     </div>
     <div class="chart-wrapper">