@websy/websy-designs 1.4.0 → 1.4.1

package/dist/websy-designs.debug.js

@@ -6567,6 +6567,7 @@ class WebsyChart {
     this.rightAxis = null
     this.topAxis = null
     this.bottomAxis = null    
+    this.renderedKeys = {}
     if (!elementId) {
       console.log('No element Id provided for Websy Chart')		
       return
@@ -7339,7 +7340,16 @@ else {
         // put the title horizontally on the top
       }
     } 
+    // Remove the unnecessary series
+    let newKeys = this.options.data.series.map(s => s.key)
+    for (const key in this.renderedKeys) {
+      if (newKeys.indexOf(key) === -1) {
+        // remove the components
+        this[`remove${this.renderedKeys[key]}`](key)
+      }
+    }
     // Draw the series data
+    this.renderedKeys = {}
     this.options.data.series.forEach((series, index) => {
       if (!series.key) {
         series.key = this.createIdentity()
@@ -7349,6 +7359,7 @@ else {
       }
       this[`render${series.type || 'bar'}`](series, index)
       this.renderLabels(series, index)
+      this.renderedKeys[series.key] = series.type
     })
   }  
 }
@@ -7682,6 +7693,14 @@ if (series.showSymbols === true) {
   this.rendersymbol(series, index)
 }
 
+  }
+  removeline (key) {
+    /* global key d3 */
+let lines = this.lineLayer.selectAll(`.line_${key}`)
+  .transition(this.transition)
+  .style('stroke-opacity', 1e-6)
+  .remove()
+
   }
   rendersymbol (series, index) {
     /* global d3 series index series.key */

package/dist/websy-designs.js

@@ -7205,6 +7205,7 @@ var WebsyChart = /*#__PURE__*/function () {
     this.rightAxis = null;
     this.topAxis = null;
     this.bottomAxis = null;
+    this.renderedKeys = {};
 
     if (!elementId) {
       console.log('No element Id provided for Websy Chart');
@@ -8002,9 +8003,22 @@ var WebsyChart = /*#__PURE__*/function () {
               }
             } else {// put the title horizontally on the top
             }
+          } // Remove the unnecessary series
+
+
+          var newKeys = this.options.data.series.map(function (s) {
+            return s.key;
+          });
+
+          for (var key in this.renderedKeys) {
+            if (newKeys.indexOf(key) === -1) {
+              // remove the components
+              this["remove".concat(this.renderedKeys[key])](key);
+            }
           } // Draw the series data
 
 
+          this.renderedKeys = {};
           this.options.data.series.forEach(function (series, index) {
             if (!series.key) {
               series.key = _this43.createIdentity();
@@ -8017,6 +8031,8 @@ var WebsyChart = /*#__PURE__*/function () {
             _this43["render".concat(series.type || 'bar')](series, index);
 
             _this43.renderLabels(series, index);
+
+            _this43.renderedKeys[series.key] = series.type;
           });
         }
       }
@@ -8310,6 +8326,12 @@ var WebsyChart = /*#__PURE__*/function () {
         this.rendersymbol(series, index);
       }
     }
+  }, {
+    key: "removeline",
+    value: function removeline(key) {
+      /* global key d3 */
+      var lines = this.lineLayer.selectAll(".line_".concat(key)).transition(this.transition).style('stroke-opacity', 1e-6).remove();
+    }
   }, {
     key: "rendersymbol",
     value: function rendersymbol(series, index) {