diff --git a/mindinsight/ui/src/components/multiselectGroup.vue b/mindinsight/ui/src/components/multiselectGroup.vue
index 94a7a3a7456021c4e6f2f00d09556c0bd14d86f9..ff3970f7f962a78800f269e1351fc00a16b68948 100644
--- a/mindinsight/ui/src/components/multiselectGroup.vue
+++ b/mindinsight/ui/src/components/multiselectGroup.vue
@@ -48,9 +48,11 @@ limitations under the License.
                         popper-class="tooltip-show-content"
                         :content="item.label"
                         placement="top">
-              <span class="select-disable"><i title="CACHING"
-                   v-if="item.loading"
-                   class="el-icon-loading"></i>{{item.label}}</span>
+              <span class="select-disable">
+                <i :title="$t('components.cache')"
+                   class="el-icon-time"
+                   v-if="item.checked && (item.loading==='CACHING' || item.loading==='NOT_IN_CACHE')"></i>
+                {{item.label}}</span>
             </el-tooltip>
           </span>
         </div>
@@ -80,9 +82,11 @@ limitations under the License.
                       popper-class="tooltip-show-content"
                       :content="item.label"
                       placement="top">
-            <span class="select-disable"><i title="CACHING"
-                 v-if="item.loading"
-                 class="el-icon-loading"></i>{{item.label}}</span>
+            <span class="select-disable">
+              <i :title="$t('components.cache')"
+                 class="el-icon-time"
+                 v-if="item.checked && (item.loading==='CACHING' || item.loading==='NOT_IN_CACHE')"></i>
+              {{item.label}}</span>
           </el-tooltip>
         </span>
       </div>
diff --git a/mindinsight/ui/src/locales/en-us.json b/mindinsight/ui/src/locales/en-us.json
index b6548e01b1bd0fd57595e605da2485adb8cd37a0..ae4af968cd0a6b8c7beee8137c73fa00129405c4 100644
--- a/mindinsight/ui/src/locales/en-us.json
+++ b/mindinsight/ui/src/locales/en-us.json
@@ -450,7 +450,8 @@
     "gridIncorrectDataError": "A maximum of two-dimensionalarrays can be displayed.",
     "gridAccuracy": "Decimal places are reserved.",
     "inCorrectInput": "Invalid input.",
-    "gridTableNoData": "No data in the table."
+    "gridTableNoData": "No data in the table.",
+    "cache":"CACHING"
   },
   "error": {
     "50540000": "System error.",
diff --git a/mindinsight/ui/src/locales/zh-cn.json b/mindinsight/ui/src/locales/zh-cn.json
index 29fd29d2127afb9ef7a926d132d6d1a5f5439423..b2cf465a99185bbc2551bd3154dc56bf8db0f4dd 100644
--- a/mindinsight/ui/src/locales/zh-cn.json
+++ b/mindinsight/ui/src/locales/zh-cn.json
@@ -449,7 +449,8 @@
     "gridIncorrectDataError": "当前只支持最多二维数组的展示",
     "gridAccuracy": "保留小数位",
     "inCorrectInput": "无效输入",
-    "gridTableNoData": "表格无数据"
+    "gridTableNoData": "表格无数据",
+    "cache":"正在加载"
   },
   "error": {
     "50540000": "系统错误",
diff --git a/mindinsight/ui/src/views/train-manage/compare-plate.vue b/mindinsight/ui/src/views/train-manage/compare-plate.vue
index 22f7a2e129298e1a314dc2c3c910b2713f30de17..3a6e0c1a89adda557d51b6bc9dadb9be725cc2f4 100644
--- a/mindinsight/ui/src/views/train-manage/compare-plate.vue
+++ b/mindinsight/ui/src/views/train-manage/compare-plate.vue
@@ -174,7 +174,6 @@ export default {
       curBenchX: 'stepData', // Front axle reference
       curAxisName: this.$t('scalar.step'), // Current chart tip
       axisBenchChangeTimer: null, // Horizontal axis reference switching timing
-      cacheStatus: 'CACHING', // cache
     };
   },
   computed: {
@@ -321,13 +320,11 @@ export default {
               colorIndex: colorIndex,
             });
 
-            if (summaryObj.cache_status === this.cacheStatus) {
-              tempSummaryList.forEach((item) => {
-                if (item.label === summaryObj.train_id) {
-                  item.loading = true;
-                }
-              });
-            }
+            tempSummaryList.forEach((item) => {
+              if (item.label === summaryObj.train_id) {
+                item.loading = summaryObj.cache_status;
+              }
+            });
 
             summaryObj.plugins.scalar.forEach((tagObj) => {
               // tag with the same name exists
@@ -1336,19 +1333,11 @@ export default {
           summaryColor = this.summaryOperateList[sameSummaryIndex].color;
         }
 
-        if (summaryObj.cache_status === this.cacheStatus) {
-          this.summaryOperateList.forEach((item) => {
-            if (item.label === summaryObj.train_id) {
-              item.loading = true;
-            }
-          });
-        } else {
-          this.summaryOperateList.forEach((item) => {
-            if (item.label === summaryObj.train_id) {
-              item.loading = false;
-            }
-          });
-        }
+        this.summaryOperateList.forEach((item) => {
+          if (item.label === summaryObj.train_id) {
+            item.loading = summaryObj.cache_status;
+          }
+        });
 
         summaryObj.plugins.scalar.forEach((tagObj) => {
           let sameTagIndex = -1;