diff --git a/src/views/dashboard/graphs/TopList.vue b/src/views/dashboard/graphs/TopList.vue
index 1efebfc0..f86ef2cf 100644
--- a/src/views/dashboard/graphs/TopList.vue
+++ b/src/views/dashboard/graphs/TopList.vue
@@ -35,7 +35,7 @@ limitations under the License. -->
       <el-progress
         :stroke-width="6"
         :percentage="(i.value / maxValue) * 100"
-        :color="TextColors[config.color]"
+        :color="TextColors[config.color || 'purple']"
         :show-text="false"
       />
     </div>
@@ -61,9 +61,13 @@ const props = defineProps({
   },
   intervalTime: { type: Array as PropType<string[]>, default: () => [] },
 });
+console.log(props.config.color);
 const key = computed(() => Object.keys(props.data)[0] || "");
 const available = computed(
-  () => Array.isArray(props.data[key.value]) && props.data[key.value][0].value
+  () =>
+    Array.isArray(props.data[key.value]) &&
+    props.data[key.value][0] &&
+    props.data[key.value][0].value
 );
 const maxValue = computed(() => {
   if (!(props.data[key.value] && props.data[key.value].length)) {