legend querySelector issue - fixes #1441

Author: junedchhipa

src/modules/Exports.js

@@ -51,8 +51,8 @@ class Exports {
     const ycrosshairs = w.globals.dom.baseEl.getElementsByClassName(
       'apexcharts-ycrosshairs'
     )
-    const zoomSelectionRects = w.globals.dom.baseEl.getElementsByClassName(
-      'apexcharts-zoom-rect apexcharts-selection-rect'
+    const zoomSelectionRects = w.globals.dom.baseEl.querySelectorAll(
+      '.apexcharts-zoom-rect, .apexcharts-selection-rect'
     )
     Array.prototype.forEach.call(zoomSelectionRects, (z) => {
       z.setAttribute('width', 0)

src/modules/Series.js

@@ -116,8 +116,8 @@ export default class Series {
   toggleSeriesOnHover(e, targetElement) {
     const w = this.w
 
-    let allSeriesEls = w.globals.dom.baseEl.getElementsByClassName(
-      `apexcharts-series apexcharts-datalabels`
+    let allSeriesEls = w.globals.dom.baseEl.querySelectorAll(
+      `.apexcharts-series, .apexcharts-datalabels`
     )
 
     if (e.type === 'mousemove') {