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

Setting min and max values chart.js

对于我使用 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();

这是因为你在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 个。