peak metric with hover on legend

metricq · Oct 24, 2024 · d8e9ce6 · d8e9ce6
1 parent e6a7c5e
commit d8e9ce6
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/src/ui/metric-legend.vue b/src/ui/metric-legend.vue
@@ -2,6 +2,8 @@
   <li
     :class="[{ 'no_drawing' : !draw } , 'legend_item', 'legend_item_' + position]"
     @click="metricPopup"
+    @mouseenter="onMouseEnter"
+    @mouseleave="onMouseLeave"
   >
     <span>
       <div
@@ -83,6 +85,14 @@ export default {
     }
   },
   methods: {
+    onMouseEnter () {
+      this.$store.commit('metrics/setPeakedMetric', { metric: this.metric.key })
+      window.MetricQWebView.graticule.draw(false)
+    },
+    onMouseLeave () {
+      this.$store.commit('metrics/setPeakedMetric', { metric: undefined })
+      window.MetricQWebView.graticule.draw(false)
+    },
     metricPopup () {
       this.$store.commit('metrics/setPopup', {
         metricKey: this.$props.metric.key,