Chart.js ChartJS线条图编辑yAxis标签

试图让ChartJS中的折线图按照我们客户的意愿工作，但我遇到了一个问题：当我们整个星期的销售数据为0时，在yAxis上绘制的标签会低于0，这是我们客户不希望看到的。我看过scaleoverride、Suggestemin和beginAtZero，但都不管用

如何更改标签，使其始终具有0作为最小值

下面的免费图片，将问题形象化：

使用我尝试过的无效方法之一的代码：

var canvas = document.getElementById('salesChart').getContext('2d');
salesChart = new Chart(canvas, {
    type: 'line',
    scaleOverride: true,
    scaleSteps: 10,
    scaleStepWidth: 20,
    scaleStartValue: 0,
    data: {
        labels: chartLabels,
        datasets: [{
            label: 'Sales',
            data: chartData,
            backgroundColor: "rgba(37,185,153,0.7)"
        }],
    },
    options: {
        maintainAspectRatio: false,
        responsive: true
    }
});

这对我很有用：

options: {
    maintainAspectRatio: false,
    responsive: true,
     scales: {
        yAxes: [{
            ticks: {
                beginAtZero:true
            }
        }]
    }
}

注意：我保留了图表配置的其余部分。您没有明确提供chartLabels和chartData变量，因此我使用了：

var chartLabels = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];
var chartData = [0, 0, 0, 0, 0, 0, 0];

---

小提琴手：

谢谢您的回复。我试过你说的，但还是不行。我还尝试从你的帖子中复制并粘贴整个选项块。为标签道歉；它们是动态制造的。你可能有一把有用的小提琴吗？@Zubaja我刚把它添加到回答的末尾谢谢你的更新。不知道发生了什么，但在我上一次回复和这次回复之间的某个时刻，您的解决方案起了作用。