register and use global function

Author: contactashish13

classes/Visualizer/Render/Page/Update.php

@@ -51,7 +51,7 @@ protected function _toHTML() {
 			if ( $this->settings ) {
 				echo 'win.visualizer.charts.canvas.settings = ', $this->settings, ';';
 			}
-			echo 'win.visualizer.update();';
+			echo 'win.updateChartPreview();';
 			echo '}';
 
 			do_action( 'visualizer_add_update_hook', $this->series, $this->data );

js/render-chartjs.js

@@ -385,13 +385,6 @@
         }
     }
 
-    if(typeof visualizer !== 'undefined'){
-        // called while updating the chart.
-        visualizer.update = function(){
-            renderChart('canvas', visualizer);
-        };
-    }
-
     $('body').on('visualizer:render:chart:start', function(event, v){
         all_charts = v.charts;
         render(v);
@@ -408,7 +401,8 @@
     });
 
     $('body').on('visualizer:render:currentchart:update', function(event, v){
-        renderChart('canvas', v.visualizer);
+        var data = v || event.detail;
+        renderChart('canvas', data.visualizer);
     });
 
     // front end actions

js/render-datatables.js

@@ -278,13 +278,6 @@
         }
     }
 
-    if(typeof visualizer !== 'undefined'){
-        // called while updating the chart.
-        visualizer.update = function(){
-            renderSpecificChart('canvas', all_charts['canvas'], visualizer);
-        };
-    }
-
     $('body').on('visualizer:render:chart:start', function(event, v){
         all_charts = v.charts;
         render(v);
@@ -295,7 +288,8 @@
     });
 
     $('body').on('visualizer:render:currentchart:update', function(event, v){
-        renderSpecificChart('canvas', all_charts['canvas'], v.visualizer);
+        var data = v || event.detail;
+        renderSpecificChart('canvas', all_charts['canvas'], data.visualizer);
     });
 
     // front end actions

js/render-facade.js

@@ -81,6 +81,13 @@
     }
 
     $(document).ready(function(){
+
+        // for updating the currently displayed chart (preview mode)
+        window.updateChartPreview = function(){
+            var event = new CustomEvent('visualizer:render:currentchart:update', {detail: {visualizer: visualizer}});
+            document.body.dispatchEvent(event);
+        };
+
         // facade loads N times in the library (where N = the number of different chart libraries supported)
         // so all charts are also loaded N times
         // this will ensure that no matter how many times facade is loaded, it initializes all charts only once.
@@ -168,4 +175,4 @@
 
         return $(this);
     };
-})(jQuery);
+})(jQuery);

js/render-google.js

@@ -319,13 +319,6 @@ var __visualizer_chart_images   = [];
 		}
 	}
 
-    if(typeof visualizer !== 'undefined'){
-        // called while updating the chart.
-        visualizer.update = function(){
-            renderChart('canvas');
-        };
-    }
-
     var resizeTimeout;
 
 	$(document).ready(function() {