From 8ac8aa810302c78d18d0b37b155bdbf814ae466f Mon Sep 17 00:00:00 2001 From: liukangdong <898885815@qq.com> Date: 星期二, 11 二月 2025 10:12:36 +0800 Subject: [PATCH] ll --- screen/src/views/EnergyConsum.vue | 34 ++++++++++++++++++++++++++++------ screen/src/views/FireFighting.vue | 2 +- 2 files changed, 29 insertions(+), 7 deletions(-) diff --git a/screen/src/views/EnergyConsum.vue b/screen/src/views/EnergyConsum.vue index 6386749..33a6337 100644 --- a/screen/src/views/EnergyConsum.vue +++ b/screen/src/views/EnergyConsum.vue @@ -346,11 +346,25 @@ }, data: data5.value.map(i => dayjs(i.timeData).format('M')) }, + // tooltip: { + // trigger: 'axis', + // axisPointer: { + // type: 'line' + // }, + // }, tooltip: { trigger: 'axis', - axisPointer: { - type: 'line' - }, + formatter: function (params) { + // 閬嶅巻鎮诞鏃剁殑鎵�鏈夌偣锛屽畾鍒跺寲鏄剧ず鍐呭 + let result = `<div> + <div style="width: 120px">${params[0].name}鏈�</div> + <div style="display: flex;align-items: center;;margin-top: 2px;"> + <div style="display: flex;align-items: center;"><div style="width: 10px;height: 10px; border-radius: 50%;background-color: #f6d047;margin-right: 6px;"></div></div> + <div><strong>${params[0].value} L</strong></div> + </div> + </div>` + return result + } }, yAxis: { type: 'value', @@ -634,9 +648,17 @@ }, tooltip: { trigger: 'axis', - axisPointer: { - type: 'line' - }, + formatter: function (params) { + // 閬嶅巻鎮诞鏃剁殑鎵�鏈夌偣锛屽畾鍒跺寲鏄剧ず鍐呭 + let result = `<div> + <div style="width: 120px">${params[0].name}鏈�</div> + <div style="display: flex;align-items: center;;margin-top: 2px;"> + <div style="display: flex;align-items: center;"><div style="width: 10px;height: 10px; border-radius: 50%;background-color: #61a1c4;margin-right: 6px;"></div></div> + <div><strong>${params[0].value} </strong></div> + </div> + </div>` + return result + } }, xAxis: { type: 'category', diff --git a/screen/src/views/FireFighting.vue b/screen/src/views/FireFighting.vue index 98f7356..96d6c56 100644 --- a/screen/src/views/FireFighting.vue +++ b/screen/src/views/FireFighting.vue @@ -1114,7 +1114,7 @@ flex: 2; display: flex; justify-content: center; - margin: 0 6px; + /* margin: 0 6px; */ align-items: center; white-space: nowrap; overflow: hidden; -- Gitblit v1.9.3