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 @@ 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: '指标类型',