feature: save chart reference to DOM for future usage

tlapnet · Mar 31, 2018 · ecc6221 · ecc6221
1 parent 0fe0ceb
commit ecc6221
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/src/templates/c3/CategoryChart.html.php b/src/templates/c3/CategoryChart.html.php
@@ -80,7 +80,7 @@
 			data.groups.push(group);
 		<?php endforeach ?>
 
-		c3.generate({
+		var chart = c3.generate({
 			bindto: '#<?php echo $chartId ?>',
 			grid: {
 				x: {
@@ -93,5 +93,6 @@
 			axis: axis,
 			data: data
 		});
+		$('#<?php echo $chartId ?>').data('c3-chart', chart);
 	})();
 </script>
diff --git a/src/templates/c3/Chart.html.php b/src/templates/c3/Chart.html.php
@@ -83,7 +83,7 @@
 			data.groups.push(group);
 		<?php endforeach ?>
 
-		c3.generate({
+		var chart = c3.generate({
 			bindto: '#<?php echo $chartId ?>',
 			grid: {
 				x: {
@@ -96,5 +96,6 @@
 			axis: axis,
 			data: data
 		});
+		$('#<?php echo $chartId ?>').data('c3-chart', chart);
 	})();
 </script>
diff --git a/src/templates/c3/DateChart.html.php b/src/templates/c3/DateChart.html.php
@@ -99,7 +99,7 @@
 			data.groups.push(group);
 		<?php endforeach ?>
 
-		c3.generate({
+		var chart = c3.generate({
 			bindto: '#<?php echo $chartId ?>',
 			grid: {
 				x: {
@@ -112,5 +112,6 @@
 			axis: axis,
 			data: data
 		});
+		$('#<?php echo $chartId ?>').data('c3-chart', chart);
 	})();
 </script>
diff --git a/src/templates/c3/DonutChart.html.php b/src/templates/c3/DonutChart.html.php
@@ -50,11 +50,12 @@
 				data.columns.push(column);
 			<?php endforeach ?>
 
-			c3.generate({
+			var chart = c3.generate({
 				bindto: '#<?php echo $chartId ?>',
 				data: data,
 				donut: donut
 			});
+			$('#<?php echo $chartId ?>').data('c3-chart', chart);
 		})();
 	</script>
 <?php endif ?>
diff --git a/src/templates/c3/PieChart.html.php b/src/templates/c3/PieChart.html.php
@@ -48,11 +48,12 @@
 				data.columns.push(column);
 			<?php endforeach ?>
 
-			c3.generate({
+			var chart = c3.generate({
 				bindto: '#<?php echo $chartId ?>',
 				data: data,
 				pie: pie
 			});
+			$('#<?php echo $chartId ?>').data('c3-chart', chart);
 		})();
 	</script>
 <?php endif ?>