Merge pull request #4373 from rosco54/Legend_add_highlight_yaxis_on_hover

Extension of the legend hover series highlighting to include the reference Y axis

Author: junedchhipa

src/modules/Series.js

@@ -133,14 +133,15 @@ export default class Series {
     if (!targetElement) targetElement = e.target
 
     let allSeriesEls = w.globals.dom.baseEl.querySelectorAll(
-      `.apexcharts-series, .apexcharts-datalabels`
+      `.apexcharts-series, .apexcharts-datalabels, .apexcharts-yaxis`
     )
 
     if (e.type === 'mousemove') {
       let seriesCnt = parseInt(targetElement.getAttribute('rel'), 10) - 1
 
       let seriesEl = null
       let dataLabelEl = null
+      let yaxisEl = null
       if (w.globals.axisCharts || w.config.chart.type === 'radialBar') {
         if (w.globals.axisCharts) {
           seriesEl = w.globals.dom.baseEl.querySelector(
@@ -149,6 +150,10 @@ export default class Series {
           dataLabelEl = w.globals.dom.baseEl.querySelector(
             `.apexcharts-datalabels[data\\:realIndex='${seriesCnt}']`
           )
+          let yaxisIndex = w.globals.seriesYAxisReverseMap[seriesCnt]
+          yaxisEl = w.globals.dom.baseEl.querySelector(
+            `.apexcharts-yaxis[rel='${yaxisIndex}']`
+          )
         } else {
           seriesEl = w.globals.dom.baseEl.querySelector(
             `.apexcharts-series[rel='${seriesCnt + 1}']`
@@ -173,6 +178,10 @@ export default class Series {
         if (dataLabelEl !== null) {
           dataLabelEl.classList.remove(this.legendInactiveClass)
         }
+
+        if (yaxisEl !== null) {
+          yaxisEl.classList.remove(this.legendInactiveClass)
+        }
       }
     } else if (e.type === 'mouseout') {
       for (let se = 0; se < allSeriesEls.length; se++) {