设置最小值和最大值 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 个。
对于我使用 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 个。