如何在Chartjs中设置整数比例

xiozqbni 于 2023-08-05 发布在 Chart.js

关注(0)|答案(2)|浏览(179)

我正在尝试做一个带有整数刻度的水平条形图。正如在这个问题中所建议的，我已经尝试设置scaleOverride，scaleSteps等，但它似乎不起作用。我试着把它们放在数据集，选项，xScales中，但没有任何效果。
This jsfiddle显示了我试图做的事情。

2条答案

链接的问题适用于Chart.js版本1.x。对于新版本，您需要使用ticks选项。参见http://www.chartjs.org/docs/#scales

...
   xAxes: [{
      ticks: {
        min: 0,
        stepSize: 1,
        max: 4
      },
      ...

对于现在遇到这个问题的任何人（ChartJS 4+），如果你想保持自动stepSize并且不静态定义它，你可以简单地在刻度上使用precision选项来定义刻度将被舍入到多少个小数位。使用0表示整数比例：

scales: {
  y: {
    ticks: { precision: 0 },
  },
}

字符串
线性轴记号选项