diff --git a/mindinsight/ui/src/views/train-manage/compare-plate.vue b/mindinsight/ui/src/views/train-manage/compare-plate.vue
index c263a9821c2add66e670692e6363d771fe98a113..5a696abfa5b15670a51bc0eda62c2f3b3faedabc 100644
--- a/mindinsight/ui/src/views/train-manage/compare-plate.vue
+++ b/mindinsight/ui/src/views/train-manage/compare-plate.vue
@@ -17,13 +17,15 @@ limitations under the License.
   <div class="cl-compare-manage">
 
     <div class="compare-bk">
-      <div class="cl-title cl-compare-title">
+      <div class="cl-title cl-compare-title"
+           v-show="originDataArr.length>0">
         <div class="cl-title-left">
           {{$t("summaryManage.comparePlate")}}</div>
       </div>
 
       <!--operation area -->
-      <div class="cl-eval-operate-content">
+      <div class="cl-eval-operate-content"
+           v-show="originDataArr.length>0">
 
         <!--summary select-->
         <div class="cl-eval-operate-component">
@@ -45,7 +47,8 @@ limitations under the License.
 
       </div>
       <!-- Slider -->
-      <div class="cl-eval-slider-operate-content">
+      <div class="cl-eval-slider-operate-content"
+           v-show="originDataArr.length>0">
         <div class="xaxis-title">{{$t('scalar.xAxisTitle')}}</div>
         <el-radio-group v-model="curAxisName"
                         fill="#00A5A7"