diff --git a/src/components/PromGraphCpt/Graph.tsx b/src/components/PromGraphCpt/Graph.tsx
index 1a010334..94a18224 100644
--- a/src/components/PromGraphCpt/Graph.tsx
+++ b/src/components/PromGraphCpt/Graph.tsx
@@ -114,7 +114,9 @@ export default function Graph(props: IProps) {
         .then((res) => {
           const series = _.map(res?.result, (item) => {
             return {
+              id: _.uniqueId('series_'),
               name: getSerieName(item.metric),
+              metric: item.metric,
               data: item.values,
             };
           });
diff --git a/src/pages/dashboard/Renderer/Renderer/Timeseries/index.tsx b/src/pages/dashboard/Renderer/Renderer/Timeseries/index.tsx
index 8a9833a2..167ac948 100644
--- a/src/pages/dashboard/Renderer/Renderer/Timeseries/index.tsx
+++ b/src/pages/dashboard/Renderer/Renderer/Timeseries/index.tsx
@@ -296,6 +296,24 @@ export default function index(props: IProps) {
                 emptyText: '暂无数据',
               }}
               pagination={false}
+              rowClassName={(record) => {
+                return record.disabled ? 'disabled' : '';
+              }}
+              onRow={(record) => {
+                return {
+                  onClick: () => {
+                    setActiveLegend(activeLegend !== record.id ? record.id : '');
+                    setSeriesData(
+                      _.map(seriesData, (subItem) => {
+                        return {
+                          ...subItem,
+                          visible: activeLegend === record.id ? true : record.id === subItem.id,
+                        };
+                      }),
+                    );
+                  },
+                };
+              }}
             />
           )}
           {displayMode === 'list' && !_.isEmpty(legendData) && (
diff --git a/src/pages/dashboard/Renderer/Renderer/Timeseries/style.less b/src/pages/dashboard/Renderer/Renderer/Timeseries/style.less
index 99ff08ca..467a0dad 100644
--- a/src/pages/dashboard/Renderer/Renderer/Timeseries/style.less
+++ b/src/pages/dashboard/Renderer/Renderer/Timeseries/style.less
@@ -11,6 +11,11 @@
     line-height: unset !important;
     padding: 0 !important;
   }
+  .ant-table-row.disabled {
+    .ant-table-cell {
+      color: #24292e80
+    }
+  }
 }
 .renderer-timeseries-legend-container {
   position: relative;