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(() => {