Chartjs 3.2为Y轴设置整数的问题

Question

我对chart.js有很多经验，但他们的新版本破坏了很多东西，而且有很多错误和问题。

我希望我的折线图y轴有整数，比如说：[0，1，2，3…]，而我得到[0，0.5，1，1.5…]

我尝试过的

scales: {
yAxes: [{
type: 'linear', 
ticks: {
beginAtZero: true,
stepSize: 1, // DOES NOT WORK, PROBABLY DEPRECATED IN V3
precision: 1, // DOES NOT DO ANYTHING
callback: function (value) { console.log(value)} // CALLBACK DOES NOT        EVEN RUN...
}
}
}

文档太糟糕了，对这些都没有帮助。在文档中，它们显示了许多可以使用的选项，但忽略了如何使用它们。。

Answer 1

我用以下方法实现了react-chartjs-2@4.1.0和chart.js@3.7.1的预期行为：

scales: {
y: {
type: 'linear' as const, // magic
ticks: {
stepSize: 1,
},
},
},

将类型设置为const是诀窍。我最初是按照你的方式尝试的，直到我发现了这个。

Answer 2

我找到了一个变通方法，而不是解决方案我将我的react-chattjs-2包装器降级为2.9.0，并安装了chart.js-dependecy 2.5.0版本，这样就可以工作了。

Answer 3

我认为问题(至少与分数值有关(是"精度：1"。如果不希望使用十进制值，则应为"精度：0"。