我有一个来自chart.js的bar chart，它有两个数据集，当两个数据集的值相距很远时，它会正常显示。但当它们相距很近时，第二个数据集的值就不会显示

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等）

（来源：imggmi.com）