github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 00:37:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix menu

Browse Source
This commit is contained in:
Fine 2022-10-24 22:15:40 +08:00
parent 2eb0cacc68
commit 063630f948
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Graph.vue
View File

@ -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",