删除Angular Chart左侧和右侧的额外空白区域

Question

How to remove the white space marked in red?

I wanted the chart to display like this

我正在使用离子框架，请在下面找到我的

<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>