From d0b26dbddd6d7257eb84ab6f5c4d4e402c2f6310 Mon Sep 17 00:00:00 2001
From: Pierre GIRAUD <pierre.giraud@gmail.com>
Date: Sat, 10 Mar 2018 16:56:27 +0100
Subject: [PATCH] Show how to use circumference and rotation options (#5326)

---
 samples/charts/doughnut.html | 13 +++++++++++++
 1 file changed, 13 insertions(+)

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>