diff --git a/go/pkg/dashboard/client/src/components/empty-chart.vue b/go/pkg/dashboard/client/src/components/empty-chart.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1ed53def4136e09f8a52ef421984627a0aad38a6
--- /dev/null
+++ b/go/pkg/dashboard/client/src/components/empty-chart.vue
@@ -0,0 +1,19 @@
+/*
+* Copyright (c) Huawei Technologies Co., Ltd. 2025. All rights reserved.
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+
+<template>
+  <span class="font-size16">There is no data available! Please try adjusting or clearing the filters.</span>
+</template>
\ No newline at end of file
diff --git a/go/pkg/dashboard/client/src/pages/cluster/cluster-chart.vue b/go/pkg/dashboard/client/src/pages/cluster/cluster-chart.vue
index e85c5f2e798afb944c2ad580cc9eeea76f3bd5a9..ea124f4ca601518c505e1f7888fc956cf6a2566d 100644
--- a/go/pkg/dashboard/client/src/pages/cluster/cluster-chart.vue
+++ b/go/pkg/dashboard/client/src/pages/cluster/cluster-chart.vue
@@ -48,7 +48,7 @@
           <tiny-grid-column field="logicalCPU" title="Logical Resources" :renderer="logicalResourcesRender"
                             width="11%"></tiny-grid-column>
           <template #empty>
-            <span class="font-size16">There is no more data available!</span>
+            <EmptyChart />
           </template>
         </tiny-grid>
       </div>
@@ -62,6 +62,7 @@ import { TinyGrid, TinyGridColumn } from '@opentiny/vue';
 import { GetCompAPI, GetInstAPI, GetPromQueryAPI } from '@/api/api';
 import { pagerConfig } from '@/components/chart-config';
 import CommonCard from '@/components/common-card.vue';
+import EmptyChart from '@/components/empty-chart.vue';
 import { MultiProgressBar, ProgressBar, SimpleProgressBar } from '@/components/progress-bar-template';
 import { WarningNotify } from '@/components/warning-notify';
 import { CPUConvert, MBToGB } from '@/utils/handleNum';
diff --git a/go/pkg/dashboard/client/src/pages/instances/instances-chart.vue b/go/pkg/dashboard/client/src/pages/instances/instances-chart.vue
index 40d2b712caf881956264a87c095874bd7b085d97..55e0c97e4a709acd1970a7321f057c3f2497b1c1 100644
--- a/go/pkg/dashboard/client/src/pages/instances/instances-chart.vue
+++ b/go/pkg/dashboard/client/src/pages/instances/instances-chart.vue
@@ -75,7 +75,7 @@
           <tiny-grid-column field="log" title="Log" align="center" width="4%"
                             :renderer="{component: TinyLink, attrs: toInstanceDetails}"></tiny-grid-column>
           <template #empty>
-            <span class="font-size16">There is no more data available!</span>
+            <EmptyChart />
           </template>
         </tiny-grid>
       </div>
@@ -89,6 +89,7 @@ import { TinyGrid, TinyGridColumn, TinyLink } from '@opentiny/vue';
 import { GetInstAPI, GetInstParentIDAPI } from '@/api/api';
 import { pagerConfig, statusFilter } from '@/components/chart-config';
 import CommonCard from '@/components/common-card.vue';
+import EmptyChart from '@/components/empty-chart.vue';
 import { WarningNotify } from '@/components/warning-notify';
 import { DayFormat } from '@/utils/dayFormat';
 import { ChartSort } from '@/utils/sort';
diff --git a/go/pkg/dashboard/client/src/pages/jobs/jobs-chart.vue b/go/pkg/dashboard/client/src/pages/jobs/jobs-chart.vue
index 0dc22e6ecdbfcb7eea0382187745418112853ba5..cf2b240ba49d99712112f175d67ac55ed766e79f 100644
--- a/go/pkg/dashboard/client/src/pages/jobs/jobs-chart.vue
+++ b/go/pkg/dashboard/client/src/pages/jobs/jobs-chart.vue
@@ -37,7 +37,7 @@
           <tiny-grid-column field="log" title="Log" align="center"
                             :renderer="{component: TinyLink, attrs: toJobDetails}"></tiny-grid-column>
           <template #empty>
-            <span class="font-size16">There is no more data available!</span>
+            <EmptyChart />
           </template>
         </tiny-grid>
       </div>
@@ -51,6 +51,7 @@ import { TinyGrid, TinyGridColumn, TinyLink } from '@opentiny/vue';
 import { ListJobsAPI } from '@/api/api';
 import { pagerConfig, statusFilter } from '@/components/chart-config';
 import CommonCard from '@/components/common-card.vue';
+import EmptyChart from '@/components/empty-chart.vue';
 import { WarningNotify } from '@/components/warning-notify';
 import { DayFormat } from '@/utils/dayFormat';
 import { ChartSort } from '@/utils/sort';