SERV-2286 - refactor charts

src/Views/Limitless/Linechart/Attachments/linechart.init.js

@@ -111,7 +111,7 @@ function set_data(elementObject, numberOfCharts, callback) {
                 series: seriesObject
             };
 
-            if(showDataZoom == true) {
+            if(showDataZoom === true) {
                 options.dataZoom = setDataZoom(showDataZoom, multichart);
             }
 
@@ -143,11 +143,11 @@ function setSeries(seriesData, elementObject) {
     // uses series options if available else use global options.
     let seriesArray = [];
 
-    if(!seriesData || seriesData.length == 0) return [];
+    if(!seriesData || seriesData.length === 0) return [];
 
-    let showPointValues = (elementObject.attr('point-values') == 'true' || elementObject.attr('point-values') == true) ?? false;
-    let stacked = (elementObject.attr('stacked') == 'true' || elementObject.attr('stacked') == true) ?? false;
-    let isArea = (elementObject.attr('is-area') == 'true' || elementObject.attr('is-area') == true) ?? false;
+    let showPointValues = (elementObject.attr('point-values') === 'true' || elementObject.attr('point-values') === true) ?? false;
+    let stacked = (elementObject.attr('stacked') === 'true' || elementObject.attr('stacked') === true) ?? false;
+    let isArea = (elementObject.attr('is-area') === 'true' || elementObject.attr('is-area') === true) ?? false;
     let markLine = elementObject.attr('mark-line') ?? null; // min | max | average
 
     for(let i = 0; i < seriesData.length; i++) {
@@ -286,7 +286,7 @@ function setTitles(titles, numberOfCharts = 1) {
         };
 
         // if single else multichart
-        if(i == 0 && numberOfCharts == 1) {
+        if(i === 0 && numberOfCharts === 1) {
             title.textStyle = {
                 color: '#fff'
             };
@@ -364,13 +364,13 @@ function setGrid(showDataZoom = false, numberOfCharts = 1) {
         };
 
         // if single else multichart
-        if(i == 0 && numberOfCharts == 1) {
+        if(i === 0 && numberOfCharts === 1) {
             grid.right = 40;
             grid.top = 50;
             grid.bottom = showDataZoom ? 60 : 0;
         } else {
             grid.right = 20;
-            grid.top = (i == 0) ? 40 : (arrayGrids[i-1].top + 240); // previous top + chart height = 160 + charts spacing = 80
+            grid.top = (i === 0) ? 40 : (arrayGrids[i-1].top + 240); // previous top + chart height = 160 + charts spacing = 80
             grid.height = 160;
         }
 
@@ -408,7 +408,7 @@ function setAxisPointer(multichart = false) {
 
 //#region SUB FUNCTIONS FOR SERIES
 function setMarkLine(series, seriesData, markLine) {
-    if(seriesData.markLine != undefined && ['min', 'max', 'average'].includes(markLine)) {
+    if(seriesData.markLine !== undefined && ['min', 'max', 'average'].includes(markLine)) {
 
         series.markLine = {
             data: [{
@@ -433,7 +433,7 @@ function setArea(series, seriesData, isArea) {
 
     let area = seriesData.isArea ?? isArea;
 
-    if(area == true) {
+    if(area === true) {
         series.areaStyle = {};
     }