chartjs - 畫布大小錯誤

Question

我正在使用chartjs 2.0來建立圖表。我指定我的畫布大小爲200 x 200.但是，畫布出來是1218 x 1218 ...有誰知道這是爲什麼發生？這裏是我的小提琴：

https://jsfiddle.net/cdxvokw0/

我的HTML：

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

我的javascript：

var dateArray = ['1', '2', '3', '4']; 
var data_array = ['10', '20', '30', '40'] 
var ctx = document.getElementById("myChart"); 
var myChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
     labels: dateArray, 
     datasets: [{ 
      label: '# of Votes', 
      data: data_array, 
     }] 
    }, 
    options: { 
     scales: { 
      yAxes: [{ 
       ticks: { 
        beginAtZero:true 
       }, 
       scaleLabel: { 
        display: true, 
        labelString: 'Probability' 
       } 
      }] 
     } 
    } 
}); 

提前感謝！

Answer 1

您需要添加responsive: false到您圖表配置

var myChart = new Chart(ctx, { 
    type: 'line', 
    data: { 
     ... 
    }, 
    options: { 
     responsive: false, 
     scales: { 
      ... 
     } 
    } 
}); 

否則，圖表試圖成爲其容器大