如何在chart.js中设置y轴的静态值？

Question

Click here to view the Graph figure...

Answer 1

这将是一个很好的功能，但我认为没有直接的方法来做到这一点。您可以将afterBuildTicks回调与min，max和autoSkip选项结合使用。

修复

afterBuildTicks回调传递scale对象。 scale对象具有要显示的所有刻度的数组（存储在scale.ticks中），因此您可以在该数组中设置刻度。 Chart.js尝试使您的图表看起来不错，因此默认情况下它不会显示所有刻度。要解决此问题，请将最小值和最大值设置为自定义比例范围中的最低值和最高值。同时设置autoSkip = false以确保显示所有刻度。

实施例

jsfiddle with your example scale

jsfiddle with a smaller scale range

span.label-info {
  display: block; 
}