为什么调整图表大小时水平条尺寸会跳？

Question

使用ChartJS 2.9.3，我遇到了一个奇怪的问题，即随着画布上有更多可用空间，水平条会收缩。下面的屏幕抓图对此进行了说明。

第一个显示的栏位于较小的视口区域：

[第二个显示的条形图在较大的视口区域中，其中两个条形缩小了？

我不确定这是错误，配置问题还是预期的行为，但是我希望当有更多可用空间时，这些条会更长。我已经排除了导致插件问题的原因。我还转载了库存配置的问题（即仅设置图表类型）。 minBarLength并没有帮助，实际上，它在调整大小时也表现得很奇怪。

编辑：

https://jsfiddle.net/f62pzyhd/

调整视口大小，当视口较小时显示“ A”，当视口较大时重新出现。

Answer 1

当调整图表大小并且x轴不是从零开始时正在重新计算比例，导致条形图意外地改变大小。

将beginAtZero属性设置为true将解决此问题：

options: {
  scales: {
    xAxes: [{
      ticks: {
        beginAtZero: true
      }
    }]
  }
}