Fixed number of times update will get called (#39) (#40)

Author: ashok1994

example/index.js

@@ -27,6 +27,7 @@ var chart = new Vue({
   el: '#chart1',
   components: { fusioncharts: vFC },
   data: {
+    counter: 0,
     chartType: 'Pie2D',
     pieDataSource: {
       chart: {
@@ -104,7 +105,7 @@ var chart = new Vue({
   methods: {
     changeFirstChartAttr: function() {
       // let dataSource = Object.assign({}, this.pieDataSource);
-      this.chartDs.chart.caption = 'Changed to something else';
+      // this.chartDs.chart.caption = 'Changed to something else';
       this.chartDs.data[2].value = this.getRandomNumber();
       this.chartDs.data[1].value = this.getRandomNumber();
       // this.pieDataSource = dataSource;
@@ -116,7 +117,7 @@ var chart = new Vue({
     },
     getRandomNumber: function() {
       var max = 5,
-        min = 1;
+        min = 2;
       return Math.round((max - min) * Math.random() + min);
     }
   },

src/vue-fusioncharts-component.js

@@ -145,20 +145,24 @@ export default (FC, ...options) => {
         deep: true
       },
       'datasource.data': {
-        handler: function() {
-          this.chartObj.setChartData(
-            this.datasource || this.dataSource,
-            this.dataFormat || this.dataformat
-          );
+        handler: function(newVal, prevVal) {
+          if (newVal !== prevVal) {
+            this.chartObj.setChartData(
+              this.datasource || this.dataSource,
+              this.dataFormat || this.dataformat
+            );
+          }
         },
         deep: false
       },
       'dataSource.data': {
-        handler: function() {
-          this.chartObj.setChartData(
-            this.datasource || this.dataSource,
-            this.dataFormat || this.dataformat
-          );
+        handler: function(newVal, prevVal) {
+          if (newVal !== prevVal) {
+            this.chartObj.setChartData(
+              this.datasource || this.dataSource,
+              this.dataFormat || this.dataformat
+            );
+          }
         },
         deep: false
       }
@@ -182,6 +186,7 @@ export default (FC, ...options) => {
         cloneDataSource(ds, 'diff')
       );
       if (strPrevClonedDataSource !== strCurrClonedDataSource) {
+        this.prevDataSource = cloneDataSource(ds, 'diff');
         this.chartObj.setChartData(ds, this.dataFormat || this.dataformat);
       }
     }