diff --git a/mindinsight/ui/src/views/profiling-gpu/resource-utilization.vue b/mindinsight/ui/src/views/profiling-gpu/resource-utilization.vue
index cbbf7fa8..c8513dab 100644
--- a/mindinsight/ui/src/views/profiling-gpu/resource-utilization.vue
+++ b/mindinsight/ui/src/views/profiling-gpu/resource-utilization.vue
@@ -30,7 +30,7 @@ limitations under the License.
         </div>
       </div>
       <div class="content-item">
-        <div class="cpu-info" v-if="!cpuInfo.noData">
+        <div class="cpu-info" v-show="!cpuInfo.noData">
           <div class="cpu-chart"
               id="deviceCpuChart"
               ref="deviceCpuChart"></div>
@@ -62,7 +62,7 @@ limitations under the License.
             </div>
           </div>
         </div>
-        <div class="noData-content" v-else>
+        <div class="noData-content" v-show="cpuInfo.noData">
           <img :src="require('@/assets/images/nodata.png')" alt="" />
           <p>{{cpuInfo.initOver?$t("public.noData"):$t("public.dataLoading")}}</p>
         </div>
diff --git a/mindinsight/ui/src/views/profiling/cpu-detail.vue b/mindinsight/ui/src/views/profiling/cpu-detail.vue
index fad582dc..2b479abf 100644
--- a/mindinsight/ui/src/views/profiling/cpu-detail.vue
+++ b/mindinsight/ui/src/views/profiling/cpu-detail.vue
@@ -16,7 +16,7 @@ limitations under the License.
 <template>
   <div class="data-process-wrap">
     <div class="title">{{$t('profiling.cpuUtilization')}}</div>
-    <div class="cpu-info" v-if="!cpuInfo.noData">
+    <div class="cpu-info" v-show="!cpuInfo.noData">
       <div class="step-filter">
         <label>{{cpuInfo.stepTip}}</label>
         <label>{{$t('profiling.startStep')}}</label>
@@ -124,7 +124,7 @@ limitations under the License.
         </div>
       </div>
     </div>
-    <div class="image-noData" v-else>
+    <div class="image-noData" v-show="cpuInfo.noData">
         <div>
           <img :src="require('@/assets/images/nodata.png')"
                 alt="" />
diff --git a/mindinsight/ui/src/views/profiling/resource-utilization.vue b/mindinsight/ui/src/views/profiling/resource-utilization.vue
index 45ea10c1..3d5e54ae 100644
--- a/mindinsight/ui/src/views/profiling/resource-utilization.vue
+++ b/mindinsight/ui/src/views/profiling/resource-utilization.vue
@@ -30,7 +30,7 @@ limitations under the License.
         </div>
       </div>
       <div class="content-item">
-        <div class="cpu-info" v-if="!cpuInfo.noData">
+        <div class="cpu-info" v-show="!cpuInfo.noData">
           <div class="cpu-chart"
               id="deviceCpuChart"
               ref="deviceCpuChart"></div>
@@ -62,7 +62,7 @@ limitations under the License.
             </div>
           </div>
         </div>
-        <div class="noData-content" v-else>
+        <div class="noData-content" v-show="cpuInfo.noData">
           <img :src="require('@/assets/images/nodata.png')" alt="" />
           <p>{{cpuInfo.initOver?$t("public.noData"):$t("public.dataLoading")}}</p>
         </div>