如何在Chartjs中制作整数比例

How to make integer scale in Chartjs

本文关键字：整数 Chartjs      更新时间：2023-09-26

我正在尝试制作一个整数刻度的水平条形图。正如这个问题中所建议的，我已经尝试设置scaleOverride、scaleSteps等，但似乎不起作用。我试着把它们放在数据集、选项和xScales中，但没有成功。

这个jsfiddle展示了我尝试做的事情。

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

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

Fiddle-https://jsfiddle.net/jkufz1b9/

对于现在遇到这种情况的人（ChartJS 4+），如果你想保持自动stepSize，并且不静态定义它，你可以简单地在记号上使用precision选项来定义记号将被四舍五入到小数位数。将0用于整数刻度：

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

线性轴刻度选项

相关文章：