Test Canvas

Canvasssss

by Donlee Malacad

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js"></script>
<!DOCTYPE HTML>
<html>
<head>
<script>
window.onload = function() {

var chart = new CanvasJS.Chart("chartContainer", {
	theme: "light2", // "light1", "light2", "dark1", "dark2"
	exportEnabled: true,
	animationEnabled: true,
  animationDuration: 2000,
	title: {
		text: "Custom animate timeline"
	},
	data: [{
		type: "line",
		startAngle: 25,
    lineColor:"red",
		toolTipContent: "<b>{label}</b>: {y}%",
		showInLegend: "true",
		legendText: "{label}",
		indexLabelFontSize: 16,
		indexLabel: "{label} - {y}%",
		dataPoints: [
			{ y: 1.08, x: 20 },
			{ y: 17.34, x: 40 },
			{ y: 25.62, x: 60 },
			{ y: 35.02, x: 70 },
			{ y: 44.07, x: 90 },
			{ y: 51.22, x: 122 }
		]
	}]
});
chart.render();

}
</script>
</head>
<body>
<div id="chartContainer" style="height: 370px; width: 100%;"></div>
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</body>
</html>