diff --git a/src/components/echarts/rmsboxi.vue b/src/components/echarts/rmsboxi.vue
index 0d0c12a..a37d132 100644
--- a/src/components/echarts/rmsboxi.vue
+++ b/src/components/echarts/rmsboxi.vue
@@ -1,9 +1,9 @@
 <template>
 
-    <div v-loading="loading" :element-loading-background="'rgba(122, 122, 122, 0.8)'"
+    <div v-loading="loading"
         style="position: relative;height: 100%;">
 
-        <div id="boxr" style="background: #343849c7">
+        <div id="boxr">
             <div id="rmsp" :style="`height:${vh};overflow: hidden;`">
                 <div class="bx" id="rms"></div>
             </div>
@@ -566,7 +566,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
 
     if (!rms) return
     const myChartes = echarts.init(rms)
-    const echartsColor = { WordColor: "#fff", thread: "#fff", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
+    const echartsColor = { WordColor: "#000", thread: "#000", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
 
     setTimeout(() => {
         rms.style.width = '100%'
@@ -605,7 +605,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             },
             textStyle: {
                 fontSize: '0.8rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             }
         },
         legend: {
@@ -616,7 +616,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             itemDistance: 5,
             textStyle: {
                 fontSize: '0.7rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 rich: { a: { verticalAlign: 'middle' } },
                 padding: [0, 0, 0, 0]
             }
@@ -642,7 +642,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
                 text: 'ms',
                 textStyle: {
                     fontSize: '0.6rem',
-                    color: props.DColor ? '#fff' : echartsColor.WordColor
+                    color: props.DColor ? '#000' : echartsColor.WordColor
                 },
                 enabled: true,
                 align: 'high'
@@ -657,13 +657,13 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             axisTick: { alignWithLabel: true },
             axisLine: {
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     if (valA.value != (value - 0).toFixed(0)) {
                         valA.value = Number((value - 0).toFixed(0))
@@ -690,25 +690,25 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             opposite: false,
             nameTextStyle: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             },
             axisLine: {
                 show: true,
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     return (value - 0).toFixed(2)
                 }
             },
             splitLine: {
                 lineStyle: {
-                    color: [props.DColor ? '#fff' : echartsColor.thread],
+                    color: [props.DColor ? '#000' : echartsColor.thread],
                     type: 'dashed',
                     opacity: 0.5
                 }
@@ -877,7 +877,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
     if (!rmsIds) return
 
     const myChartes = echarts.init(rmsIds)
-    const echartsColor = { WordColor: "#fff", thread: "#fff", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
+    const echartsColor = { WordColor: "#000", thread: "#000", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
 
     const option = {
         tooltip: {
@@ -907,7 +907,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             text: '',//titlename || title,
             textStyle: {
                 fontSize: '0.8rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             }
         },
         legend: {
@@ -918,7 +918,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             itemDistance: 5,
             textStyle: {
                 fontSize: '0.7rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 rich: { a: { verticalAlign: 'middle' } },
                 padding: [0, 0, 0, 0]
             }
@@ -933,7 +933,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
                 text: 'ms',
                 textStyle: {
                     fontSize: '0.6rem',
-                    color: props.DColor ? '#fff' : echartsColor.WordColor
+                    color: props.DColor ? '#000' : echartsColor.WordColor
                 },
                 enabled: true,
                 align: 'high'
@@ -948,13 +948,13 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             axisTick: { alignWithLabel: true },
             axisLine: {
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     if (valB.value != (value - 0).toFixed(0)) {
                         valB.value = Number((value - 0).toFixed(0))
@@ -979,25 +979,25 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             opposite: false,
             nameTextStyle: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             },
             axisLine: {
                 show: true,
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     return (value - 0).toFixed(2)
                 }
             },
             splitLine: {
                 lineStyle: {
-                    color: [props.DColor ? '#fff' : echartsColor.thread],
+                    color: [props.DColor ? '#000' : echartsColor.thread],
                     type: 'dashed',
                     opacity: 0.5
                 }
diff --git a/src/components/echarts/shushiboxi.vue b/src/components/echarts/shushiboxi.vue
index 6828bb4..cf2dffd 100644
--- a/src/components/echarts/shushiboxi.vue
+++ b/src/components/echarts/shushiboxi.vue
@@ -1,7 +1,7 @@
 <template>
-    <div v-loading="loading" :element-loading-background="'rgba(122, 122, 122, 0.8)'" class="boxbx"
+    <div v-loading="loading"  class="boxbx"
         style="position: relative;height: 100%;">
-        <div id="boxsj" style="background: #343849c7">
+        <div id="boxsj" >
             <div id="shushi" :style="`height:${vh};overflow: hidden;`">
                 <div class="bx" id="wave"></div>
             </div>
@@ -249,7 +249,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
                     min = waveDatas[0].instantS.min
                     adata = waveDatas[0].shunshiS.shunshiSA
                 }
-                colors.push('#DAA520', '#fff', '#fff')
+                colors.push('#DAA520', '#000', '#000')
                 break
             case 2:
                 a = waveDatas[0].title.aTitle
@@ -267,7 +267,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
                     adata = waveDatas[0].shunshiS.shunshiSA
                     bdata = waveDatas[0].shunshiS.shunshiSB
                 }
-                colors.push('#DAA520', '#2E8B57', '#fff')
+                colors.push('#DAA520', '#2E8B57', '#000')
                 break
             case 3:
                 a = waveDatas[0].title.aTitle
@@ -314,7 +314,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
     if (!wave) return
 
     const myChartes = echarts.init(wave)
-    const echartsColor = { WordColor: "#fff", thread: "#fff", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
+    const echartsColor = { WordColor: "#000", thread: "#000", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
 
     setTimeout(() => {
         wave.style.width = '100%'
@@ -354,7 +354,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             text: titleText,
             textStyle: {
                 fontSize: '0.8rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             }
         },
         legend: {
@@ -365,7 +365,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             itemDistance: 5,
             textStyle: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 rich: { a: { verticalAlign: 'middle' } },
                 padding: [0, 0, 0, 0]
             }
@@ -391,7 +391,7 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
                 text: 'ms',
                 textStyle: {
                     fontSize: '0.6rem',
-                    color: props.DColor ? '#fff' : echartsColor.WordColor
+                    color: props.DColor ? '#000' : echartsColor.WordColor
                 },
                 enabled: true,
                 align: 'high'
@@ -401,13 +401,13 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             axisTick: { alignWithLabel: true },
             axisLine: {
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     if (valA.value != (value - 0).toFixed(0)) {
                         valA.value = Number((value - 0).toFixed(0))
@@ -434,25 +434,25 @@ const initWave = (waveDatas: WaveData[] | null, time: string | null, type: strin
             opposite: false,
             nameTextStyle: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             },
             axisLine: {
                 show: true,
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     return (value - 0).toFixed(2)
                 }
             },
             splitLine: {
                 lineStyle: {
-                    color: [props.DColor ? '#fff' : echartsColor.thread],
+                    color: [props.DColor ? '#000' : echartsColor.thread],
                     type: 'dashed',
                     opacity: 0.5
                 }
@@ -548,12 +548,12 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
     switch (iphasic.value) {
         case 1:
             a = waveDataTemp.title.aTitle
-            colors.push('#DAA520', '#fff', '#fff')
+            colors.push('#DAA520', '#000', '#000')
             break
         case 2:
             a = waveDataTemp.title.aTitle
             b = waveDataTemp.title.bTitle
-            colors.push('#DAA520', '#2E8B57', '#fff')
+            colors.push('#DAA520', '#2E8B57', '#000')
             break
         case 3:
             a = waveDataTemp.title.aTitle
@@ -612,7 +612,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
     if (!waveIds) return
 
     const myChartes = echarts.init(waveIds)
-    const echartsColor = { WordColor: "#fff", thread: "#fff", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
+    const echartsColor = { WordColor: "#000", thread: "#000", FigureColor: ["#07CCCA ", "#00BFF5", "#FFBF00", "#77DA63", "#D5FF6B", "#Ff6600", "#FF9100", "#5B6E96", "#66FFCC", "#B3B3B3", "#FF00FF", "#CC00FF", "#FF9999"] }
 
     const option = {
         tooltip: {
@@ -641,7 +641,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             text: '',//titlename || title,
             textStyle: {
                 fontSize: '0.8rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             }
         },
         legend: {
@@ -652,7 +652,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             itemDistance: 5,
             textStyle: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 rich: { a: { verticalAlign: 'middle' } },
                 padding: [0, 0, 0, 0]
             }
@@ -667,7 +667,7 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
                 text: 'ms',
                 textStyle: {
                     fontSize: '0.6rem',
-                    color: props.DColor ? '#fff' : echartsColor.WordColor
+                    color: props.DColor ? '#000' : echartsColor.WordColor
                 },
                 enabled: true,
                 align: 'high'
@@ -676,14 +676,14 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             axisTick: { alignWithLabel: true },
             axisLine: {
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             nameTextStyle: { fontSize: '0.6rem' },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     if (valB.value != (value - 0).toFixed(0)) {
                         valB.value = Number((value - 0).toFixed(0))
@@ -710,25 +710,25 @@ const drawPics = (waveDataTemp: WaveData, picHeight: string, step: number, show:
             opposite: false,
             nameTextStyle: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor
+                color: props.DColor ? '#000' : echartsColor.WordColor
             },
             axisLine: {
                 show: true,
                 lineStyle: {
-                    color: props.DColor ? '#fff' : echartsColor.thread
+                    color: props.DColor ? '#000' : echartsColor.thread
                 },
                 onZero: false
             },
             axisLabel: {
                 fontSize: '0.6rem',
-                color: props.DColor ? '#fff' : echartsColor.WordColor,
+                color: props.DColor ? '#000' : echartsColor.WordColor,
                 formatter: function (value: number) {
                     return (value - 0).toFixed(2)
                 }
             },
             splitLine: {
                 lineStyle: {
-                    color: [props.DColor ? '#fff' : echartsColor.thread],
+                    color: [props.DColor ? '#000' : echartsColor.thread],
                     type: 'dashed',
                     opacity: 0.5
                 }