Charts.js Y轴整数

Question

我有一个带有整数的Charts.js条形图，例如1,2,3,4,5-我永远不会有1.5，2.7等。 但是图表显示所有十进制数字，如屏幕截图中所示。 我希望图表仅显示整数。我找不到为此的解决方案。你能帮我吗？

Screenshot of my Chart

这是我的配置

type: 'bar',
            data: {

                labels: departmentLabels,
                datasets: [{
                    label: 'Staff',
                    backgroundColor: color(window.chartColors.grey).alpha(0.5).rgbString(),
                    borderColor: window.chartColors.black,
                    borderWidth: 1,
                    data: departmentCount
                }]
            },

            options: {
                responsive: true,
                legend: {
                    position: 'top',
                },
                title: {
                    display: true,
                    text: 'Usage by Department'
                },

            }

Answer 1

您可以使用stepSize属性：

scales: {
  yAxes: [{
    ticks: {
      stepSize: 1
    }
  }]
}

Answer 2

在option部分中尝试使用此代码

 scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true,
          callback: function(value) {if (value % 1 === 0) {return value;}}
        }
      }]
    }