设置最小和最大值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个。