From 7738695601af5a16542ad44f9e307f79bb13b01b Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Fri, 9 Jun 2023 21:03:51 +0800
Subject: [PATCH] fix: show error messages and update style for `no data`
 (#279)

---
 .../dashboard/configuration/widget/metric/Index.vue   | 11 +++++++----
 src/views/dashboard/graphs/Card.vue                   |  2 +-
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/dashboard/configuration/widget/metric/Index.vue b/src/views/dashboard/configuration/widget/metric/Index.vue
index b0c3b95a..9a6e486b 100644
--- a/src/views/dashboard/configuration/widget/metric/Index.vue
+++ b/src/views/dashboard/configuration/widget/metric/Index.vue
@@ -93,11 +93,14 @@ limitations under the License. -->
       />
       <Icon class="cp" iconName="remove_circle_outline" size="middle" @click="deleteMetric(index)" />
     </span>
-    <div v-if="(errors || states.tips)[index] && isExpression" class="ml-10 red sm">
-      {{ (errors || states.tips)[index] }}
+    <div v-if="(states.tips || [])[index] && isExpression" class="ml-10 red sm">
+      {{ states.tips[index] }}
     </div>
-    <div v-if="(subErrors || states.tips)[index] && isExpression" class="ml-10 red sm">
-      {{ (subErrors || states.tips)[index] }}
+    <div v-if="(errors || [])[index] && isExpression" class="ml-10 red sm">
+      {{ (errors || [])[index] }}
+    </div>
+    <div v-if="(subErrors || [])[index] && isExpression" class="ml-10 red sm">
+      {{ (subErrors || [])[index] }}
     </div>
   </div>
   <div>{{ t("visualization") }}</div>
diff --git a/src/views/dashboard/graphs/Card.vue b/src/views/dashboard/graphs/Card.vue
index 0cd212f0..b9670cd4 100644
--- a/src/views/dashboard/graphs/Card.vue
+++ b/src/views/dashboard/graphs/Card.vue
@@ -15,7 +15,7 @@ limitations under the License. -->
 
 <template>
   <div
-    v-if="!isNaN(singleVal)"
+    v-if="singleVal !== null && !isNaN(singleVal)"
     class="chart-card"
     :style="{
       fontSize: `${config.fontSize}px`,