javascript - Chart.js 2.0中水平条之间的奇怪线

我在Chart.js中的水平条之间有一些奇怪的线条。
即使我放barPercentage: 1, categoryPercentage: 1,。
我还尝试了[0.90，1]的所有组合。请帮忙！

这是我所拥有的

  new Chart(elem, {
    type: 'horizontalBar',
    data: {
      labels: data.map(i => REGIONS[i.region]),
      datasets: [{
        data: data.map(i => i[name]),
      }],
    },
    options: {
      legend: {
        display: false,
        labels: {
          padding: 20,
        }
      },
      scales: {
        xAxes: [{
          gridLines: {
            display: true,
            // lineWidth: 0,
            drawTicks: false,
            drawBorder: false,
            // zeroLineWidth: 1,
          },
        }],
        yAxes: [{
          barPercentage: .99, // I've also tried all from [0.90, 1]
          categoryPercentage: .98, // I've also tried all from [0.90, 1]
          ticks: {
            padding: 25,
          },
        }]
      },
    }
  });

最佳答案

所以我用一些示例数据尝试了您的代码，我得到了正确的结果，我使用的是最新的Chart.js（版本2.7.0），当我将barPercentage和categoryPercentage设置为1时，它可以正常工作。你仍然面对这个问题，

我的主要观点是！


  值barPercentage和categoryPercentage可以是
  增加到1以上，因此您可以提供1.05来解决此问题。


这是一个JSFiddle，其中包含一些我模拟的示例数据以显示解决方案。



请随意尝试此解决方案，如果以上建议不起作用，请在我提供的JSFiddle中复制该问题，然后再次向我显示该问题！