chart bug fixed

reports/templates/sclData.html

@@ -323,49 +323,22 @@
     </script>
     <!-- page script -->
     <script>
-        var defaultLegendClickHandler = Chart.defaults.global.legend.onClick;
-
-
-        var newLegendClickHandler = function (e, legendItem) {
+        var legendOnClickHandler = function (e, legendItem) {
             var index = legendItem.datasetIndex;
             var ch = this.chart;
-            var meta = ch.getDatasetMeta(index);
-            var layer = legendItem.text.toLowerCase().replace(/\s/g, '-');
-            let checkbox_id = '#sclcheck-'+layer;
-            var activePoint = ch.getElementAtEvent(e);
-
+            let checkbox_id = '#sclcheck-'+legendItem.text.toLowerCase().replace(/\s/g, '-');
 
             // isDatasetVisible return the opposite status?
-            // change checkbox in imagelayer
+            if (ch.getDatasetMeta(index).hidden === null) {
+              ch.getDatasetMeta(index).hidden = false;
+            } else {
+              ch.getDatasetMeta(index).hidden = !ch.getDatasetMeta(index).hidden;
+            }
+
+            ch.update();
 
-            $(checkbox_id+" :input").prop("checked", !ch.isDatasetVisible(index));
+            $(checkbox_id+" :input").prop("checked", !ch.getDatasetMeta(index).hidden);
             addImageLayer(currentDate);
-            
-            // myChart.config.data.datasets
-            // myChart.getDatasetMeta(4).hidden=true
-
-            //console.log(document.getElementById("titleMap").textContent)
-            // var label = document.getElementById("titleMap").textContent;  //obtiene la fecha que se está viendo
-            // label = label.replace(/\//g,'');   // reemplaza los diagonales por nada
-            // console.log(label)
-            // if(meta.hidden){
-            //     console.log("Mostrar!!!")
-            //     SCLlayers.push(layer)
-            //     document.getElementById("scl_"+layer).src = "../../static/reports/tmpImages/repsat_test_dev/{{ SCL_PATH }}"+label+"_SCL_60m_"+layer+".png"
-            // }
-            // else{
-            //     console.log("Ocultar!!")
-            //     SCLlayers.splice(SCLlayers.indexOf(layer), 1);
-            //     document.getElementById("scl_"+layer).src = ""
-            // }
-            //if (index > 1) {
-            // Do the original logic
-            //console.log("wooooo")
-            //defaultLegendClickHandler(e, legendItem);
-            defaultLegendClickHandler.call(this, e, legendItem);
-            //} else {
-            //   console.log("holaaaa")
-            //}
         };
 
         var showSCLcheckboxes = function(datasets) {
@@ -402,8 +375,8 @@
                 maintainAspectRatio: false,
                 // scales: { xAxes: [{ stacked: true }], yAxes: [{ stacked: true }] },
                 legend: {
-                    display: true,
-                    onClick: newLegendClickHandler,
+                  display: true,
+                  onClick: legendOnClickHandler,
                 }
             };