From 60cdff21b6f253cf263b64f796b1c5e4ddc958d2 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Tue, 6 May 2025 16:38:10 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A1=B5=E9=9D=A2echart?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/components/echarts/MyEchart.vue | 12 ++
.../terminal/FrontManagement/index.vue | 2 +-
.../pqs/business/terminal/deviceter/index.vue | 4 +-
.../getIntegrityData/components/charts.vue | 33 ++-
.../components/charts.vue | 32 +--
.../area/qualifiedRate/components/charts.vue | 190 +++++++++---------
.../terminalonlinerate/components/charts.vue | 40 ++--
.../online/wentaishujufenxi/index.vue | 20 +-
.../online/wentaizhibiaohegelv/index.vue | 26 +--
9 files changed, 186 insertions(+), 173 deletions(-)
diff --git a/src/components/echarts/MyEchart.vue b/src/components/echarts/MyEchart.vue
index b83ff011..e7234417 100644
--- a/src/components/echarts/MyEchart.vue
+++ b/src/components/echarts/MyEchart.vue
@@ -64,6 +64,18 @@ const initChart = () => {
backgroundColor: 'rgba(0,0,0,0.55)',
borderWidth: 0,
confine: true,
+ formatter: function (params: any) {
+ let tips = `${params[0].name}` // 标题加粗
+ params.forEach((item: any) => {
+ const value = item.value === 3.14159 ? '暂无数据' : Math.round(item.value * 100) / 100 // 处理特殊值
+ tips += `
+ ${item.marker}
+ ${item.seriesName}:
+ ${value}
+
` // 统一格式
+ })
+ return tips
+ },
...(props.options?.tooltip || null)
},
toolbox: {
diff --git a/src/views/pqs/business/terminal/FrontManagement/index.vue b/src/views/pqs/business/terminal/FrontManagement/index.vue
index b542c4eb..6df7a247 100644
--- a/src/views/pqs/business/terminal/FrontManagement/index.vue
+++ b/src/views/pqs/business/terminal/FrontManagement/index.vue
@@ -144,7 +144,7 @@
-
+
- ${params[0].name}`
- for (var i = 0; i < params.length; i++) {
- //
- tips += `
- ${params[i].seriesName
- } ${params[i].seriesName == '在线率' ? params[i].value?.toFixed(2) : params[i].value
- }
`
- }
- return tips
- }
+
+ // formatter: function (params: any) {
+ // var tips = `
+ // ${params[0].name}
`
+ // for (var i = 0; i < params.length; i++) {
+ // //
+ // tips += `
+ // ${params[i].seriesName
+ // } ${params[i].seriesName == '在线率' ? params[i].value?.toFixed(2) : params[i].value
+ // }
`
+ // }
+ // return tips
+ // }
},
calculable: true,
diff --git a/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/components/charts.vue b/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/components/charts.vue
index af2f5c60..9a9d6558 100644
--- a/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/components/charts.vue
+++ b/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/components/charts.vue
@@ -58,22 +58,22 @@ const tableStore = new TableStore({
text: title
},
- tooltip: {
- formatter: function (params: any) {
- var tips = ''
+ // tooltip: {
+ // formatter: function (params: any) {
+ // var tips = ''
- for (var i = 0; i < params.length; i++) {
- if (params[i].value == 1) {
- tips += params[i].name + ''
- tips += '总畸变率:暂无数据'
- } else {
- tips += params[i].name + ''
- tips += '总畸变率:' + params[i].value.toFixed(2)
- }
- }
- return tips
- }
- },
+ // for (var i = 0; i < params.length; i++) {
+ // if (params[i].value == 1) {
+ // tips += params[i].name + ''
+ // tips += '总畸变率:暂无数据'
+ // } else {
+ // tips += params[i].name + ''
+ // tips += '总畸变率:' + params[i].value.toFixed(2)
+ // }
+ // }
+ // return tips
+ // }
+ // },
xAxis: {
name: titleX,
@@ -85,7 +85,7 @@ const tableStore = new TableStore({
},
series: [
{
- name: '',
+ name: '总畸变率',
type: 'bar',
data: tableStore.table.data.single,
diff --git a/src/views/pqs/harmonicMonitoring/area/qualifiedRate/components/charts.vue b/src/views/pqs/harmonicMonitoring/area/qualifiedRate/components/charts.vue
index baec6973..ab5d87dd 100644
--- a/src/views/pqs/harmonicMonitoring/area/qualifiedRate/components/charts.vue
+++ b/src/views/pqs/harmonicMonitoring/area/qualifiedRate/components/charts.vue
@@ -1,36 +1,47 @@
-
+ "
+ >
  在线率<60%   
-
-   60%≤在线率<90%   
-
+   60%≤在线率<90%   
+
-   在线率≥90%
+ "
+ >
+   在线率≥90%
-
+
diff --git a/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/components/charts.vue b/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/components/charts.vue
index 1adac154..ddd49cea 100644
--- a/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/components/charts.vue
+++ b/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/components/charts.vue
@@ -125,26 +125,26 @@ const tableStore = new TableStore({
right: 0,
top: 0
},
- tooltip: {
- backgroundColor: '#fff',
- textStyle: {
- color: '#000'
- },
- formatter: function (params: any) {
- var tips = `
- ${params[0].name}
`
- for (var i = 0; i < params.length; i++) {
- //
- tips += `
- ${params[i].seriesName
- } ${params[i].seriesName == '在线率' ? params[i].value?.toFixed(2) : params[i].value
- }
`
- }
- return tips
- }
- },
+ // tooltip: {
+ // backgroundColor: '#fff',
+ // textStyle: {
+ // color: '#000'
+ // },
+ // formatter: function (params: any) {
+ // var tips = `
+ // ${params[0].name}
`
+ // for (var i = 0; i < params.length; i++) {
+ // //
+ // tips += `
+ // ${params[i].seriesName
+ // } ${params[i].seriesName == '在线率' ? params[i].value?.toFixed(2) : params[i].value
+ // }
`
+ // }
+ // return tips
+ // }
+ // },
grid: {
top: '50px', // 等价于 y: '16%'
left: '10px',
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue
index a22b4068..008f9c3b 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue
@@ -72,7 +72,7 @@
-
+
@@ -1400,27 +1400,27 @@ const getEcharts = () => {
}
if (params[i].seriesName == 'A相谐波电流方向') {
tips +=
- params[i].value[1] > 0
+ params[i].marker + params[i].value[1] > 0
? 'A相谐波电流方向:流入
'
: params[i].value[1] == 0
? 'A相谐波电流方向:无
'
: 'A相谐波电流方向:流出
'
} else if (params[i].seriesName == 'B相谐波电流方向') {
- tips +=
+ tips += params[i].marker +
params[i].value[1] > 0
? 'B相谐波电流方向:流入
'
: params[i].value[1] == 0
? 'B相谐波电流方向:无
'
: 'B相谐波电流方向:流出
'
} else if (params[i].seriesName == 'C相谐波电流方向') {
- tips +=
+ tips += params[i].marker +
params[i].value[1] > 0
? 'C相谐波电流方向:流入
'
: params[i].value[1] == 0
? 'C相谐波电流方向:无
'
: 'C相谐波电流方向:流出
'
} else if (params[i].seriesName == '总谐波电流方向') {
- tips +=
+ tips += params[i].marker +
params[i].value[1] > 0
? '总谐波电流方向:流入
'
: params[i].value[1] == 0
@@ -1430,22 +1430,22 @@ const getEcharts = () => {
let str = (params[i].value[1] * 1).toString()
let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
let str1 = str.replace(reg, '$1,')
- tips += params[i].seriesName.replace('(kV)', '') + ':' + str1 + 'kV
'
+ tips += params[i].marker + params[i].seriesName.replace('(kV)', '') + ':' + str1 + 'kV
'
} else if (params[i].seriesName == '零序电压(V)' || params[i].seriesName == '负序电压(V)') {
let str = (params[i].value[1] * 1).toString()
let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
let str1 = str.replace(reg, '$1,')
- tips += params[i].seriesName.replace('(V)', '') + ':' + str1 + 'V
'
+ tips += params[i].marker + params[i].seriesName.replace('(V)', '') + ':' + str1 + 'V
'
} else if (params[i].seriesName !== '正序电压(kV)') {
let str = (params[i].value[1] * 1).toString()
let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
let str1 = str.replace(reg, '$1,')
- tips += params[i].seriesName + ':' + str1 + '
'
+ tips += params[i].marker + params[i].seriesName + ':' + str1 + '
'
} else {
let str = (params[i].value[2] * 1).toString()
let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
let str1 = str.replace(reg, '$1,')
- tips += params[i].seriesName + ':' + str1 + '
'
+ tips += params[i].marker + params[i].seriesName + ':' + str1 + '
'
let str2 = (params[i].value[3] * 1).toString()
let reg2 = str2.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
@@ -1453,7 +1453,7 @@ const getEcharts = () => {
// if(params[i].seriesName){
// }
- tips += params[i].seriesName + ':' + str12 + '
'
+ tips += params[i].marker + params[i].seriesName + ':' + str12 + '
'
}
}
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue
index 824c0aff..ca069d3f 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue
@@ -225,19 +225,19 @@ const init = () => {
fontSize: 14
},
backgroundColor: 'rgba(0,0,0,0.55)',
- formatter: function (params: any) {
- //console.log(params)
- let msg = ''
- msg += params[0].name + '
'
- for (let i in params) {
- if (params[i].data == 1) {
- msg += params[i].seriesName + ':暂无数据
'
- } else {
- msg += params[i].seriesName + ':' + params[i].data + '
'
- }
- }
- return msg
- }
+ // formatter: function (params: any) {
+ // //console.log(params)
+ // let msg = ''
+ // msg += params[0].name + '
'
+ // for (let i in params) {
+ // if (params[i].data == 1) {
+ // msg += params[i].seriesName + ': 暂无数据
'
+ // } else {
+ // msg += params[i].seriesName + ': ' + params[i].data + '
'
+ // }
+ // }
+ // return msg
+ // }
},
xAxis: {
name: '指标类型',