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

9
src/components/Graph.vue
View File

@ -107,12 +107,17 @@ function instanceEvent() {
} }
instance.on("click", (params: EventParams) => { instance.on("click", (params: EventParams) => {
currentParams.value = params; currentParams.value = params;
if (!menus.value) { if (!menus.value || !chartRef.value) {
return; return;
} }
visMenus.value = true; visMenus.value = true;
const w = chartRef.value.getBoundingClientRect().width || 0;
if (w - params.event.offsetX > 125) {
menus.value.style.left = params.event.offsetX + "px"; menus.value.style.left = params.event.offsetX + "px";
menus.value.style.top = params.event.offsetY + "px"; } else {
menus.value.style.left = params.event.offsetX - 125 + "px";
}
menus.value.style.top = params.event.offsetY + 5 + "px";
}); });
document.addEventListener( document.addEventListener(
"click", "click",