<!DOCTYPE HTML>
<html>

<head>  
<script type="text/javascript">
window.onload = function () {
	var chart = new CanvasJS.Chart("chartContainer",
	{
		title:{
			text: "Presidential Election Results"
		},     
                animationEnabled: true,     
		data: [
		{        
			type: "doughnut",
			startAngle: 60,                          
			toolTipContent: "{legendText}: {y} - <strong>#percent% </strong>", 					
			showInLegend: true,
			dataPoints: [
				{y: 65899660, indexLabel: "Barack Obama #percent%", legendText: "Barack Obama" },
				{y: 60929152, indexLabel: "Mitt Romney #percent%", legendText: "Mitt Romney" },
				{y: 2175850,  indexLabel: "Others #percent%", legendText: "Others" }			
			]
		}
		]
	});
	chart.render();
	}
</script>
<script type="text/javascript" src="/assets/script/canvasjs.min.js"></script>
</head>
<body>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
</body>
</html>

Copy Format

Download