Сохранение размера диаграммы постоянным, когда у нас есть различное количество легенд в angular-chart.js

Question

У меня есть две круговые диаграммы, отображаемые рядом с помощью угловых диаграмм. 1-й круговой график имеет 4 легенды, а 2-й график имеет 1 легенду. Размер пирога не то же самое.

Как сохранить размер ПИРОГА для двух графиков независимо от того, сколько у меня есть элементов легенды.

<div class="container" ng-app="app" ng-controller="ChartCtrl">
 <div class="charts">
  <div class="charts-div">

 <canvas id="pie" class="chart chart-pie" height="300" chart- 
data="data" chart-labels="labels"  chart-options="chartoptions1">
    </canvas>
   </div>

 <div class="charts-div">

 <canvas id="pie" class="chart chart-pie" height="300" chart- 
data="data1" chart-labels="labels1"  chart-options="chartoptions1">
   </canvas>
 </div>

 </div>
 </div>

angular.module("app", ["chart.js"])
 .controller("ChartCtrl", function($scope) {

$scope.labels = ["January", "February", "March", "April"];
//$scope.series = ['Series A', 'Series B'];
$scope.data = [65, 59, 80, 81];


$scope.labels1 = ['2006'];


$scope.data1 = [28];

$scope.chartoptions1 = {
  responsive: true,
  maintainAspectRatio: false,
  title: {
    display: true,
    text: 'test'
  },
  legend: {
    display: true,
    position: 'right'
  }
};

});

Вот скрипка, которую я создал. https://jsfiddle.net/gnhej1zo/2/