驾驶舱修改

This commit is contained in:
2024-01-12 09:45:36 +08:00
parent 02e506c7d6
commit 90be2a826b
15 changed files with 80 additions and 152 deletions

View File

@@ -127,11 +127,13 @@ export default {
obj.name = this.israCheckType[i]
obj.barWidth = 12
obj.data = []
obj.labe = {
show: true,
position: 'inside',
distance: 10,
color: "red"
if (i === this.israCheckType.length-1) {
obj.label = {
show: true,
position: 'top',
color: "#fffc",
formatter: (params)=>this.tempData[params.dataIndex].sum
}
}
for (let j = 0;j < this.tempData.length; j++) {
let num = 0

View File

@@ -96,7 +96,7 @@ export default {
},
},
yAxis: {
name: "单位/",
name: "单位/",
nameTextStyle: {
color: "#fff",
fontSize: 10,

View File

@@ -1,7 +1,7 @@
<template>
<div>
<NotMsg v-show="notMsg"/>
<div id="energeMonitoringChart" class="energe-monitoring-chart" style="width:900px;height:370px;" v-show='!notMsg'></div>
<div id="energeMonitoringChart" class="energe-monitoring-chart" style="width:575px;height:370px;" v-show='!notMsg'></div>
</div>
</template>
<script>
@@ -135,7 +135,7 @@ export default {
barWidth: 20,
tooltip: {
valueFormatter: function (value) {
return value + ' ml';
return value;
}
},
itemStyle: {

View File

@@ -131,7 +131,7 @@ export default {
temp2 = temp1?.SO2_float || []
break;
}
case '氧化':{
case '氧化':{
temp2 = temp1?.NOX_float || []
break;
}
@@ -186,7 +186,7 @@ export default {
this.chart = echarts.init(document.getElementById('flueGasChart'));
var option = {
color: colors,
grid: { top: 32, right: 12, bottom: 20, left: 48 },
grid: { top: 32, right: 12, bottom: 20, left: 60 },
xAxis: {
type: 'category',
data: xData,

View File

@@ -50,6 +50,7 @@ export default {
:deep(.el-switch__core) {
border: none;
background-color:#02457e;
height: 18px;
&::after {
background-color: #03233c;
@@ -59,6 +60,7 @@ export default {
:deep(.is-checked) {
.el-switch__core {
border: none;
height: 18px;
background-color: rgba(180, 255, 252, 0.71);
&::after {

View File

@@ -65,8 +65,6 @@ export default {
},
chartTime: {
handler(newVal, oldVal) {
console.log("===================")
console.log(newVal)
this.updateChart()
}
},
@@ -111,14 +109,14 @@ export default {
}else{
xData.push((item.dataTime).slice(0,10))
}
dayArr.push((item.day * 100).toFixed(2))
nightArr.push((item.night * 100).toFixed(2))
sumArr.push((item.sum * 100).toFixed(2))
dayArr.push(item.day?(item.day * 100).toFixed(2):null)
nightArr.push(item.night?(item.night * 100).toFixed(2):null)
sumArr.push(item.sum?(item.sum * 100).toFixed(2):null)
})
if (this.chartType) {
seriesData = [{
color: '#ff9e00',
name: 'sum',
name: '总量',
data: sumArr,
type: "line",
areaStyle: {
@@ -138,7 +136,7 @@ export default {
},
{
color: '#08d8cd',
name: 'day',
name: '白班',
data: dayArr,
type: "line",
areaStyle: {
@@ -158,7 +156,7 @@ export default {
},
{
color: '#0b58ff',
name: 'night',
name: '夜班',
data: nightArr,
type: "line",
areaStyle: {
@@ -179,7 +177,7 @@ export default {
}else{
seriesData = [{
color: '#ff9e00',
name: 'sum',
name: '总量',
data: sumArr,
type: "line",
areaStyle: {