Accepted answer

Chart.js has a property (responsive) that you can configure at the global or chart level via options that will make the chart responsive. See > responsive

// Boolean - whether or not the chart should be responsive and resize when the browser does.
responsive: true,

true makes it responsive. false (default) makes it non-responsive.

Example usage (only the relevant part, check out the CodePen for the full exam)

var ctx = $("#bar").get(0).getContext("2d");
var myChart = new Chart(ctx).Bar(barData, {
  responsive: true

CodePen -

You might also want to check out the maintainAspectRatio option, if you want to maintain the ratio of width to height.

Related Query

More Query from same tag