javascript - Chartjs - Canvas 尺寸错误

Question

我正在使用 Chartjs 2.0 来构建图表。我将 Canvas 尺寸指定为 200 x 200。但是， Canvas 尺寸为 1218 x 1218...有谁知道为什么会发生这种情况？这是我的 fiddle :

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: {
            ...
        }
    }
});

否则，图表会尝试与其容器一样大