Chartjs

Code Here:


									
<div>
    <canvas id="radar-chart" height="150"></canvas>
</div>
									
								

Init Code Here:


									
new Chart(document.getElementById("radar-chart"), {
	type: 'radar',
	data: {
	  labels: ["Africa", "Asia", "Europe", "Latin America", "North America"],
	  datasets: [
		{
		  label: "250",
		  fill: true,
		  backgroundColor: "rgba(116, 96, 238,0.2)",
		  borderColor: "rgba(116, 96, 238,1)",
		  pointBorderColor: "#fff",
		  pointBackgroundColor: "rgba(116, 96, 238,1)",
		  data: [8.77,55.61,21.69,6.62,6.82]
		}, {
		  label: "4050",
		  fill: true,
		  backgroundColor: "rgba(255, 60, 166,0.2)",
		  borderColor: "rgba(255, 60, 166,1)",
		  pointBorderColor: "#fff",
		  pointBackgroundColor: "rgba(255, 60, 166,1)",
		  pointBorderColor: "#fff",
		  data: [25.48,54.16,7.61,8.06,4.45]
		}
	  ]
	},
	options: {
	  title: {
		display: true,
		text: 'Distribution in % of world population'
	  }
	}
});
									
								

Required Files Path Here:


									
<!-- Javascript File Here -->
<script src="../../assets/libs/chart.js/dist/Chart.min.js"></script>
									
								
All Rights Reserved by Adminmart. Designed and Developed by WrapPixel.