FileMgr

✏️ /home/mien4214/public_html/absenku.mienyinyir.com/admin/plugins/chart.js/samples/doughnut.html

✕ Tutup

<!doctype html>
<html lang="id-ID" xml:lang="id-ID">
	<head>
		<title>Doughnut Chart</title>
		<script src="../Chart.js"></script>
		<style>
			body{
				padding: 0;
				margin: 0;
			}
			#canvas-holder{
				width:30%;
			}
		</style>
	</head>
	<body>
		<div id="canvas-holder">
			<canvas id="chart-area" width="500" height="500"/>
		</div>

var doughnutData = [
				{
					value: 300,
					color:"#F7464A",
					highlight: "#FF5A5E",
					label: "Red"
				},
				{
					value: 50,
					color: "#46BFBD",
					highlight: "#5AD3D1",
					label: "Green"
				},
				{
					value: 100,
					color: "#FDB45C",
					highlight: "#FFC870",
					label: "Yellow"
				},
				{
					value: 40,
					color: "#949FB1",
					highlight: "#A8B3C5",
					label: "Grey"
				},
				{
					value: 120,
					color: "#4D5360",
					highlight: "#616774",
					label: "Dark Grey"
				}

];

window.onload = function(){
				var ctx = document.getElementById("chart-area").getContext("2d");
				window.myDoughnut = new Chart(ctx).Doughnut(doughnutData, {responsive : true});
			};

</script>
	</body>
</html>

Batal

⬅ chart.js 8 item

Nama	Tipe	Ukuran	Diubah	Perm	Aksi
🌐 bar.html	html	1.3 KB	02/07/21 04:05	0644	✏️ ⬇
🌐 doughnut.html	html	1.1 KB	02/07/21 04:05	0644	✏️ ⬇
🌐 line-customTooltips.html	html	4 KB	02/07/21 04:05	0644	✏️ ⬇
🌐 line.html	html	1.6 KB	02/07/21 04:05	0644	✏️ ⬇
🌐 pie-customTooltips.html	html	4 KB	02/07/21 04:05	0644	✏️ ⬇
🌐 pie.html	html	956 B	02/07/21 04:05	0644	✏️ ⬇
🌐 polar-area.html	html	1 KB	02/07/21 04:05	0644	✏️ ⬇
🌐 radar.html	html	1.3 KB	02/07/21 04:05	0644	✏️ ⬇

✏️ Rename

🔑 Ubah Permission