From 063630f9486fe78717543d6dbb99f2ae65b146e6 Mon Sep 17 00:00:00 2001 From: Fine Date: Mon, 24 Oct 2022 22:15:40 +0800 Subject: [PATCH] fix menu --- src/components/Graph.vue | 11 ++++++++--- 1 file changed, 8 insertions(+), 3 deletions(-) diff --git a/src/components/Graph.vue b/src/components/Graph.vue index f03cb477..e36fb5ff 100644 --- a/src/components/Graph.vue +++ b/src/components/Graph.vue @@ -107,12 +107,17 @@ function instanceEvent() { } instance.on("click", (params: EventParams) => { currentParams.value = params; - if (!menus.value) { + if (!menus.value || !chartRef.value) { return; } visMenus.value = true; - menus.value.style.left = params.event.offsetX + "px"; - menus.value.style.top = params.event.offsetY + "px"; + const w = chartRef.value.getBoundingClientRect().width || 0; + if (w - params.event.offsetX > 125) { + menus.value.style.left = params.event.offsetX + "px"; + } else { + menus.value.style.left = params.event.offsetX - 125 + "px"; + } + menus.value.style.top = params.event.offsetY + 5 + "px"; }); document.addEventListener( "click",