javascript - 设置最小值和最大值 chart.js

Question

对于我使用 Chart.js 制作的图表，我试图设置最大值。和 X 轴的最小值。从下面的代码中可以看出，我可以轻松地为 Y 轴设置这些值，但是为 X 设置限制给我带来了麻烦。请帮忙。

请在此处查看 CodePen: Chart.js JS code to draw a graph

myLineChart.options.scales.yAxes[0].ticks.max=20;
myLineChart.options.scales.xAxes[0].ticks.max=20;
myLineChart.update();

Answer 1

这是因为 x 轴上只有 7 个标签。

如果您通过更改标签来添加更多类似内容:

labels: [1,2,3,4,5,6,7],

到:

labels: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21]

它工作正常。

请记住，您要求最多 20 个，但只有 7 个，因此它只能显示 7 个。