added config option to activate and deactivate data overlays

EOX-A · Mar 1, 2021 · 3a6076c · 3a6076c
1 parent 45f24fe
commit 3a6076c
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 4 deletions.
diff --git a/dist/graphly.min.js b/dist/graphly.min.js
diff --git a/src/graphly.js b/src/graphly.js
@@ -6102,6 +6102,10 @@ class graphly extends EventEmitter {
 
                         const currType = overlayData[coll][keyPar][j];
                         const overlayType = typeDef.find((item) => item.match(currType));
+                        if(overlayType.hasOwnProperty('active') && !overlayType.active){
+                          continue;
+                        }
+
                         let rC = defaultColor;
 
                         if (typeof overlayType !== 'undefined' && overlayType.hasOwnProperty('style')) {
@@ -7875,11 +7879,22 @@ class graphly extends EventEmitter {
         if (typeof equalLabel !== 'undefined'){
             return;
         }
-
-        parDiv.append('div')
+        const textDiv = parDiv.append('div')
             .style('display', 'inline')
+            .style('cursor', 'pointer')
             .html(displayName);
 
+        textDiv.on('click', () => {
+          if(typedef.hasOwnProperty('active')){
+            typedef.active = !typedef.active;
+          } else {
+            typedef.active = false;
+          }
+          this.emit('axisChange');
+          this.createParameterInfo();
+          this.renderData();
+        });
+
         // Update size of rect based on size of original div
         if ( parInfEl.node() !== null ) {
             let boundRect = parInfEl.node().getBoundingClientRect();
@@ -7895,6 +7910,11 @@ class graphly extends EventEmitter {
             .attr('x', 153)
             .text(displayName);
 
+        if(typedef.hasOwnProperty('active') && !typedef.active){
+          textDiv.style('text-decoration', 'line-through');
+          labelText.attr('text-decoration', 'line-through')
+        }
+
         let labelBbox = labelText.node().getBBox();
 
         let iconSvg = parDiv.insert('div', ':first-child')

diff --git a/test/scripts/main.js b/test/scripts/main.js
@@ -95,7 +95,8 @@ var overlaySettings = {
                     symbol: 'rectangle_empty',
                     size: 20,
                     color: [0, 0, 1.0, 0.8],
-                }
+                },
+                active: false,
             },
             {
                 match: function(val){return val === 2},