From d2507e47065a2765fb3d7a7f8fe7ebed435bd6e3 Mon Sep 17 00:00:00 2001 From: lai <371757574@qq.com> Date: Thu, 22 Feb 2024 19:35:16 +0800 Subject: [PATCH] =?UTF-8?q?UPF=E5=9B=BE=E7=BB=86=E8=8A=82=E8=B0=83?= =?UTF-8?q?=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../overview/components/UPFFlow/index.vue | 17 +++++++++++++---- src/views/dashboard/overview/index.vue | 2 +- 2 files changed, 14 insertions(+), 5 deletions(-) diff --git a/src/views/dashboard/overview/components/UPFFlow/index.vue b/src/views/dashboard/overview/components/UPFFlow/index.vue index 9096fbd8..e48ac631 100644 --- a/src/views/dashboard/overview/components/UPFFlow/index.vue +++ b/src/views/dashboard/overview/components/UPFFlow/index.vue @@ -57,10 +57,15 @@ function fnDesign(container: HTMLElement | undefined, option: EChartsOption) { } option && upfFlowChart.value.setOption(option); - window.onresize = function () { - // echarts 窗口缩放自适应 随着div--echarts-records的大小来适应 - upfFlowChart.value.resize(); - }; + + // 创建 ResizeObserver 实例 + var observer = new ResizeObserver(entries => { + if (upfFlowChart.value) { + upfFlowChart.value.resize(); + } + }); + // 监听元素大小变化 + observer.observe(container); } //渲染速率图 @@ -193,6 +198,10 @@ function initPicture() { yAxis: [ { name: charts.unit, + nameTextStyle: { + fontSize: 12, // 设置文字距离x轴的距离 + padding: [0, -10, -1, 0], // 设置名称在x轴方向上的偏移 + }, type: 'value', // splitNumber: 4, min: 0, diff --git a/src/views/dashboard/overview/index.vue b/src/views/dashboard/overview/index.vue index 69496adf..254a7051 100644 --- a/src/views/dashboard/overview/index.vue +++ b/src/views/dashboard/overview/index.vue @@ -251,7 +251,7 @@ onBeforeUnmount(() => {