diff --git a/src/frontend/src/views/dashboard/index/components/common/trend-dialog.vue b/src/frontend/src/views/dashboard/index/components/common/trend-dialog.vue
index 0bc83312cc..31f6dadcf1 100644
--- a/src/frontend/src/views/dashboard/index/components/common/trend-dialog.vue
+++ b/src/frontend/src/views/dashboard/index/components/common/trend-dialog.vue
@@ -261,8 +261,12 @@
                 width: 30,
                 color: '#63656E',
                 opacity: 0.16,
+                type: 'solid',
               },
             },
+            textStyle: {
+              color: '#fff',
+            },
             backgroundColor: 'rgba(0,0,0,0.8)',
           },
           xAxis: {
@@ -327,6 +331,9 @@
               sampling: 'average',
               ...styleMap[styles],
               data: valueList,
+              emphasis: {
+                focus: 'series',
+              },
             },
           ],
         };