Web/admin-govern
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

波形图去掉背景色，文字颜色改成黑色

Browse Source
This commit is contained in:
stt
2025-11-26 13:45:14 +08:00
parent 93586255fc
commit acc5e93731
2 changed files with 48 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/components/echarts/rmsboxi.vue
View File

@@ -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
}