キャンバスのサイズが変更されていません

Question

Chart.jsでグラフを作成しようとしていますが、キャンバスの幅と高さを何に設定してもキャンバスのサイズが変更されません。 Kaiidoとして

var ctx = document.getElementById("myChart"); 
 
    var myChart = new Chart(ctx, { 
 
    type: 'bar', 
 
    data: { 
 
     labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
 
     datasets: [{ 
 
     label: '# of Votes', 
 
     data: [12, 19, 3, 5, 2, 3], 
 
     backgroundColor: [ 
 
      'rgba(255, 99, 132, 0.2)', 
 
      'rgba(54, 162, 235, 0.2)', 
 
      'rgba(255, 206, 86, 0.2)', 
 
      'rgba(75, 192, 192, 0.2)', 
 
      'rgba(153, 102, 255, 0.2)', 
 
      'rgba(255, 159, 64, 0.2)' 
 
     ], 
 
     borderColor: [ 
 
      'rgba(255,99,132,1)', 
 
      'rgba(54, 162, 235, 1)', 
 
      'rgba(255, 206, 86, 1)', 
 
      'rgba(75, 192, 192, 1)', 
 
      'rgba(153, 102, 255, 1)', 
 
      'rgba(255, 159, 64, 1)' 
 
     ], 
 
     borderWidth: 1 
 
     }] 
 
    }, 
 
    options: { 
 
     scales: { 
 
     yAxes: [{ 
 
      ticks: { 
 
      beginAtZero: true 
 
      } 
 
     }] 
 
     } 
 
    } 
 
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.bundle.js"></script> 
 

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

Answer 1

は私が応答オプション

に設定する必要が言った：これは私が（まだ動作しません）私は現在使用している例で見つかったソースコードでありますこのように

options: { 
    responsive: false 
}