feat(dashboard): The dashboard supports displaying real-time data

frontend/src/views/dashboard/common/EmptyBackgroundSvg.vue

@@ -32,7 +32,6 @@ defineProps({
 }
 :deep(.ed-empty__description) {
   margin-top: 8px;
-
   color: var(--N600, #646a73);
   text-align: center;
   font-size: 14px;

frontend/src/views/dashboard/components/sq-view/index.vue

@@ -156,8 +156,11 @@ defineExpose({
       </div>
     </div>
     <div class="chart-show-area">
+      <div v-if="viewInfo.status === 'failed'" class="error-info">
+        {{ viewInfo.message }}
+      </div>
       <ChartComponent
-        v-if="viewInfo.id"
+        v-else-if="viewInfo.id"
         :id="outerId || viewInfo.id"
         ref="chartRef"
         :type="chartType"
@@ -383,4 +386,15 @@ defineExpose({
     }
   }
 }
+
+.error-info {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  font-size: 12px;
+  color: var(--N600, #646a73);
+}
 </style>