[Chartjs]-How to get rid of large left and right margins in chart.js donut chart?

I misread your question, I thought you need google charts. Anyway, there is potential solution for chart js. You will need to add width and height attributes. For example:

<canvas id="myDoughnutChart" width="250%" height="310%"></canvas>

Here is a link to JsFiddle with your code + updated width and height attributes for the first chart (second one is the same for comparison):
https://jsfiddle.net/cncdf4od/2/