How create chart in html or php using js

How create chart in html or php using js

How create chart in html or php using js :

Head section

<!DOCTYPE html>

<html>

<head>

<title></title>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.0/Chart.bundle.min.js"></script>

</head>

body Section

<body>

<div style="width: 400px">

<canvas id="myChart" width="10px" height="10px"></canvas>

<script>

var ctx = document.getElementById("myChart");

var myChart = new Chart(ctx, {

type: 'bar',

data: {

labels: ["Red", "pink", "Yellow", "Green", "Purple", "Orange"],

datasets: [{

label: '# of Votes',

data: [12, 10, 3, 5, 2, 13]

}]

},

options: {

scales: {

yAxes: [{

ticks: {

beginAtZero:true

}

}]

}

}

});

</script>

</div>

</body>

</html>

Comments