Удалите дополнительные пробелы в левой и правой части угловой диаграммы

Question

Как убрать пробел, помеченный красным?

Я хотел, чтобы график отображался так

Я использую ионный каркас, пожалуйста, найдите мой ниже

<div class = "row responsive-sm">
  <div class = "item col col-50" >
      <canvas id="doughnut" class="chart chart-doughnut" style="padding: 10" 
        chart-data="data" chart-options="options" chart-labels="labels">
      </canvas> 
  </div>
  <div class = "item col" >
            <canvas id="doughnut" class="chart chart-doughnut"
        chart-data="data" chart-options="options" chart-labels="labels">
      </canvas> 
  </div>
</div>

Answer 1

Вы должны предоставить ширину и высоту в холсте, как это...

<canvas width="100%" height="100%" id="myChart"></canvas>