Show how to use circumference and rotation options

chartjs · Mar 9, 2018 · 4404e88 · 4404e88
1 parent b7025fe
commit 4404e88
Showing 1 changed file with 13 additions and 0 deletions.
diff --git 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>