From: Pierre GIRAUD <pierre.giraud@gmail.com>
Date: Sat, 10 Mar 2018 15:56:27 +0000 (+0100)
Subject: Show how to use circumference and rotation options (#5326)
X-Git-Tag: v2.7.3~1^2~46
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=d0b26dbddd6d7257eb84ab6f5c4d4e402c2f6310;p=thirdparty%2FChart.js.git

Show how to use circumference and rotation options (#5326)
---

diff --git a/samples/charts/doughnut.html b/samples/charts/doughnut.html
index 446dcee4e..8466970a4 100644
--- a/samples/charts/doughnut.html
+++ b/samples/charts/doughnut.html
@@ -23,6 +23,7 @@
 	<button id="removeDataset">Remove Dataset</button>
 	<button id="addData">Add Data</button>
 	<button id="removeData">Remove Data</button>
+	<button id="changeCircleSize">Semi/Full Circle</button>
 	<script>
 		var randomScalingFactor = function() {
 			return Math.round(Math.random() * 100);
@@ -138,6 +139,18 @@
 
 			window.myDoughnut.update();
 		});
+
+		document.getElementById('changeCircleSize').addEventListener('click', function() {
+			if (window.myDoughnut.options.circumference === Math.PI) {
+				window.myDoughnut.options.circumference = 2 * Math.PI;
+				window.myDoughnut.options.rotation = -Math.PI / 2;
+			} else {
+				window.myDoughnut.options.circumference = Math.PI;
+				window.myDoughnut.options.rotation = -Math.PI;
+			}
+
+			window.myDoughnut.update();
+		});
 	</script>
 </body>