← All changes | js/render-facade.js +15 -16 3.10.2 → 3.10.8 View file →

		@@ -2,9 +2,9 @@
2	2	/* global visualizer */
3	3	/* global jQuery */
4	4	var vizClipboard1=null;
5	5	(function($, visualizer){
6		-
	6	+
7	7	function initActionsButtons(v) {
8	8	if($('a.visualizer-chart-shortcode').length > 0 && vizClipboard1 === null) {
9	9	vizClipboard1 = new ClipboardJS('a.visualizer-chart-shortcode'); // jshint ignore:line
10	10	vizClipboard1.on('success', function(e) {
		@@ -106,19 +106,12 @@
106	106	initActionsButtons(visualizer);
107	107	registerDefaultActions();
108	108	});
109	109
110		- // Refresh charts if chart not generated.
111		- function refreshEachCharts() {
112		- setTimeout( function() {
113		- displayChartsOnFrontEnd();
114		- }, 100 );
115		- }
116		-
117	110	function initChartDisplay() {
118	111	if(visualizer.is_front == true){ // jshint ignore:line
119	112	displayChartsOnFrontEnd();
120		- }else{
	113	+ } else {
121	114	showChart();
122	115	}
123	116	}
124	117
		@@ -134,16 +127,22 @@
134	127	$('body').trigger('visualizer:render:chart:start', viz);
135	128	}
136	129
137	130	function displayChartsOnFrontEnd() {
138		- // display all charts that are NOT to be lazy-loaded.
139		- $( 'div.viz-facade-loaded:not(.visualizer-lazy):not(.visualizer-cw-error):empty' ).removeClass( 'viz-facade-loaded' );
140		- $('div.visualizer-front:not(.visualizer-lazy):not(.viz-facade-loaded)').each(function(index, element){
141		- if ( $(element).is(':visible') ) {
142		- var id = $(element).addClass('viz-facade-loaded').attr('id');
	131	+
	132	+ $('div.visualizer-front:not(.viz-facade-loaded):not(.visualizer-lazy):not(.visualizer-cw-error):empty').each(function(index, element){
	133	+
	134	+ // Do not render charts that are intentionally hidden.
	135	+ var style = window.getComputedStyle(element);
	136	+ if (style.display === 'none' || style.visibility === 'hidden') {
	137	+ return;
	138	+ }
	139	+
	140	+ var id = $(element).addClass('viz-facade-loaded').attr('id');
	141	+ setTimeout(function(){
	142	+ // Add a short delay between each chart to avoid overloading the browser event loop.
143	143	showChart(id);
144		- }
145		- refreshEachCharts();
	144	+ }, ( index + 1 ) * 100);
146	145	});
147	146
148	147	// interate through all charts that are to be lazy-loaded and observe each one.
149	148	$('div.visualizer-front.visualizer-lazy').each(function(index, element){