Skip to content Skip to sidebar Skip to footer

How To Fit Doughnut Chart Js Into Bootstrap Column?

I want my Doughnut graphic from Chart.js to fit into my bootstrap column. I also want this column to be specific size (actually, I more concerned about height). The problem is that

Solution 1:

You can add some CSS to properly style Chart.js canvas and div container:

canvas {
  width: 100%;
  height: 100%;
  display: block;
}

div.chart-container {
  padding: 1px;
}

Check this fiddle updated: http://jsfiddle.net/beaver71/ht7uevay/

Post a Comment for "How To Fit Doughnut Chart Js Into Bootstrap Column?"