弹框显示越限和不越限,不显示数值
This commit is contained in:
@@ -20,7 +20,12 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="用户功率">
|
<el-form-item label="用户功率">
|
||||||
<el-select filterable v-model="tableStore.table.params.power" placeholder="请选择用户功率" clearable>
|
<el-select
|
||||||
|
filterable
|
||||||
|
v-model="tableStore.table.params.power"
|
||||||
|
placeholder="请选择用户功率"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
<el-option v-for="item in powerList" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in powerList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -38,7 +43,12 @@
|
|||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="电能质量指标">
|
<el-form-item label="电能质量指标">
|
||||||
<el-select filterable v-model="tableStore.table.params.indicator" placeholder="请选择电能质量指标" clearable>
|
<el-select
|
||||||
|
filterable
|
||||||
|
v-model="tableStore.table.params.indicator"
|
||||||
|
placeholder="请选择电能质量指标"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
<el-option v-for="item in indicatorList" :key="item.id" :label="item.name" :value="item.id" />
|
<el-option v-for="item in indicatorList" :key="item.id" :label="item.name" :value="item.id" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -158,6 +168,30 @@ const setEchart = () => {
|
|||||||
title: {
|
title: {
|
||||||
text: `${indicatorName}与${powerName}负荷曲线拟合图`
|
text: `${indicatorName}与${powerName}负荷曲线拟合图`
|
||||||
},
|
},
|
||||||
|
tooltip: {
|
||||||
|
trigger: 'axis',
|
||||||
|
formatter: function (params: any) {
|
||||||
|
let result = params[0].name
|
||||||
|
params.forEach((item: any) => {
|
||||||
|
if (item.seriesName === indicatorName) {
|
||||||
|
// 对于电能质量指标,格式化Y轴值显示
|
||||||
|
let valueText = ''
|
||||||
|
if (item.value[1] == 0) {
|
||||||
|
valueText = '不越限'
|
||||||
|
} else if (item.value[1] == 1) {
|
||||||
|
valueText = '越限'
|
||||||
|
} else {
|
||||||
|
valueText = item.value[1]
|
||||||
|
}
|
||||||
|
result += `<br/>${item.marker}${item.seriesName}: ${valueText}`
|
||||||
|
} else {
|
||||||
|
// 对于功率数据,正常显示数值
|
||||||
|
result += `<br/>${item.marker}${item.seriesName}: ${item.value[1]}`
|
||||||
|
}
|
||||||
|
})
|
||||||
|
return result
|
||||||
|
}
|
||||||
|
},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
type: 'time',
|
type: 'time',
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
@@ -170,7 +204,8 @@ const setEchart = () => {
|
|||||||
},
|
},
|
||||||
yAxis: [
|
yAxis: [
|
||||||
{},
|
{},
|
||||||
indicatorName ? {
|
indicatorName
|
||||||
|
? {
|
||||||
min: 0,
|
min: 0,
|
||||||
max: 1,
|
max: 1,
|
||||||
axisLabel: {
|
axisLabel: {
|
||||||
@@ -183,7 +218,8 @@ const setEchart = () => {
|
|||||||
return value
|
return value
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} : {}
|
}
|
||||||
|
: {}
|
||||||
],
|
],
|
||||||
grid: {
|
grid: {
|
||||||
left: '10px',
|
left: '10px',
|
||||||
|
|||||||
Reference in New Issue
Block a user