Question

我正在使用chartjs 2.0来构建图表。我指定我的画布尺寸为200 x 200.但是，画布的尺寸为1218 x 1218 ...有谁知道为什么会这样？这是我的小提琴：

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

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

chartjs - 画布尺寸错误

1 个答案: