Javascript chart.js中的条形图未显示第二个数据集

我有一个来自

chart.js

的带有两个数据集的

条形图

，当数据集的值彼此相差很远时，它会正常显示。但当它们彼此接近时，不会显示第二个数据集的值

    const options = {
    scales: {
        xAxes: [{
            barPercentage: 0.1,
            categoryPercentage: 0.1,
            barThickness: 20,
            maxBarThickness: 8,
            minBarLength: 7,
            gridLines: {
                offsetGridLines: true
            }
        }]
    }
  };

  const data = {
    datasets: [{
        label: '# of applications',
        data: [30],
        backgroundColor: [
            'rgba(255, 99, 132, 0.2)'
        ],
        borderColor: [
            'rgba(255, 99, 132, 1)'
        ],
        borderWidth: 1
    },{
      label: '# of interviews',
      data: [29],
      backgroundColor: [
          'rgba(54, 162, 235, 0.2)'
      ],
      borderColor: [
          'rgba(54, 162, 235, 1)'
      ],
      borderWidth: 1
  }]
    }

当我把30个放在第一个数据集中，29个放在第二个数据集中时，我只看到第一个数据集

当我在第一个数据集中放入30个，在第二个数据集中放入4个时，它工作正常，问题在9之后开始（所以10、11等）

---

y轴从

29开始，因此“缺失”值（也是
29
）的高度为零

添加以下选项以从零开始缩放：

yAxes: [{
  ticks: {
    beginAtZero: true
  }
}]