ClusterCockpit/cc-backend
1
0
Fork 0
mirror of https://github.com/ClusterCockpit/cc-backend synced 2025-11-20 16:57:22 +01:00
Code Issues Packages Releases Activity

add optional legend flip to plots

Browse Source
This commit is contained in:
Christoph Kluge
2025-11-12 17:20:50 +01:00
parent f56783a439
commit 404be5f317
10 changed files with 37 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
web/frontend/src/generic/plots/Histogram.svelte
View File

@@ -34,6 +34,7 @@
xtime = false,
ylabel = "",
yunit = "",
enableFlip = false,
} = $props();
/* Const Init */
@@ -117,8 +118,12 @@
function update(u) {
const { left, top } = u.cursor;
legendEl.style.transform =
"translate(" + (left + 15) + "px, " + (top + 15) + "px)";
const internalWidth = u?.over?.querySelector(".u-legend")?.offsetWidth ? u.over.querySelector(".u-legend").offsetWidth : 0;
if (enableFlip && (left < (width/2))) {
legendEl.style.transform = "translate(" + (left + 15) + "px, " + (top + 15) + "px)";
} else {
legendEl.style.transform = "translate(" + (left - internalWidth - 15) + "px, " + (top + 15) + "px)";
}
}
return {