Add debounce to addData method

Author: amoncaldas

CHANGELOG.md

@@ -27,6 +27,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 -->
 
+## [v0.3.3] - 2021-02-22
+
+- Added debounce for addData method so that only the last call is processed
+
 ## [v0.3.1] - 2020-10-16
 
 - Added watcher for options and refresh the chart once it changes

dist/Vue2LeafletHeightGraph.common.js

@@ -1,6 +1,6 @@
 {
   "name": "vue2-leaflet-height-graph",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Leaflet.Heightgraph plugin extension for vue2-leaflet package",
   "main": "dist/Vue2LeafletHeightGraph.umd.min.js",
   "scripts": {

dist/Vue2LeafletHeightGraph.common.js.map

@@ -15,7 +15,8 @@ export default {
       breakpointsOrder: ['xs', 'sm', 'md', 'lg', 'xl'],
       defaultParser: 'geoJson',
       defaultPosition: 'bottomright',
-      controlRef: null
+      controlRef: null,
+      addDataDebounceTimeoutId: null
     }
   },
   components: {
@@ -79,13 +80,19 @@ export default {
      * @param {Object} data 
      */
     addData (data) {
-      try {
-        let p = Object.keys(this.availableParsers).includes(this.optionsGetter.parser) ? this.optionsGetter.parser : 'noParser'
-        this.hgInstance.addData(this.availableParsers[p](data))
-      } catch (e) {
-        let error = `Unable to parse data using ${this.optionsGetter.parser} parser \n ${e.message}`
-        console.error(error)
-      }      
+      clearTimeout(this.addDataDebounceTimeoutId)
+      const context = this
+
+      // Make sure that the changes in the data are debounced
+      this.addDataDebounceTimeoutId = setTimeout(function () {
+        try {
+          let p = Object.keys(context.availableParsers).includes(context.optionsGetter.parser) ? context.optionsGetter.parser : 'noParser'
+          context.hgInstance.addData(context.availableParsers[p](data))
+        } catch (e) {
+          let error = `Unable to parse data using ${context.optionsGetter.parser} parser \n ${e.message}`
+          console.error(error)
+        }  
+      }, 200)   
     },
     /**
      * When the window size changes