diff --git a/src/components/charts/LineHol.vue b/src/components/charts/LineHol.vue
index cbd3d74..17d075d 100644
--- a/src/components/charts/LineHol.vue
+++ b/src/components/charts/LineHol.vue
@@ -31,7 +31,7 @@ watch(
     }
   }
 );
-
+const colorList = ["#F05040", "#696BBE", "#93CFED", "#FE9F19", "#3C74F1", "#F05040", "#696BBE", "#93CFED", "#FE9F19", "#3C74F1"];
 // 初始化图表
 const initChart = () => {
   myChart = echarts.init(chartDom.value);
@@ -127,9 +127,13 @@ const initChart = () => {
           show: true,
         },
         itemStyle: {
-          color: "#52A8FF",
+          color: "#3C74F1",
           normal: {
             borderRadius: [0, 4, 4, 0],
+            color: "#3C74F1",
+            // color: function (params) {
+            //   return colorList[params.dataIndex];
+            // },
           },
         },
         data: Object.keys(builderJson.charts).map(function (key) {
diff --git a/src/components/charts/LineHolYellow.vue b/src/components/charts/LineHolYellow.vue
index 4bd5b9b..d9177fc 100644
--- a/src/components/charts/LineHolYellow.vue
+++ b/src/components/charts/LineHolYellow.vue
@@ -95,6 +95,10 @@ const initChart = () => {
           color: "#FFCE34",
           normal: {
             borderRadius: [0, 4, 4, 0],
+            color: "#3C74F1",
+            // color: function (params) {
+            //   return colorList[params.dataIndex];
+            // },
           },
         },
         encode: {
diff --git a/src/pages/realtimeInfo/index.vue b/src/pages/realtimeInfo/index.vue
index 2e6924f..1b5fddf 100644
--- a/src/pages/realtimeInfo/index.vue
+++ b/src/pages/realtimeInfo/index.vue
@@ -496,8 +496,8 @@ onMounted(async () => {
   }
 
   .active {
-    border: 1px solid #007bff;
-    background-color: #007bff;
+    border: 1px solid #3c74f1;
+    background-color: #3c74f1;
     color: #fff;
   }
 }