From bc40e59e3929aba1693948bdb4cb32f071232588 Mon Sep 17 00:00:00 2001
From: Remi PLANEL <rplanel@pasteur.fr>
Date: Thu, 4 Apr 2024 18:50:28 +0200
Subject: [PATCH] add highlight when mouseover matrix rect
---
components/content/pdockqMatrix.vue | 9 +++++++++
1 file changed, 9 insertions(+)
diff --git a/components/content/pdockqMatrix.vue b/components/content/pdockqMatrix.vue
index 8596a41d..cd20fc9e 100644
--- a/components/content/pdockqMatrix.vue
+++ b/components/content/pdockqMatrix.vue
@@ -156,6 +156,15 @@ function on(mark) {
displayStructure(data[index])
})
+ r.on("mouseover", function (event) {
+ const elem = d3.select(event.srcElement)
+ const elemFill = d3.color(elem.attr("fill")).darker()
+ elem.attr("stroke-width", 4).attr("stroke", elemFill)
+ })
+ r.on("mouseout", function (event) {
+ d3.select(event.srcElement).attr("stroke-width", undefined).attr("stroke", undefined)
+ })
+
return g;
};
return mark;
--
GitLab