创建图表时，Chart.js条形图隐藏轴刻度线在特定屏幕尺寸上显示

Question

在我的React组件中有2个选项卡，每个选项卡上都有一个图表。 onResize呼叫

onResize: function(newChart, newSize) {
  if (newSize.width < 768) {
    newChart.options.scales.xAxes[0].ticks.display = false;
  } else {
    newChart.options.scales.xAxes[0].ticks.display = true;
  }
}

在屏幕调整大小时效果很好，但是当切换选项卡时，将重新创建图表，其中显示了轴默认设置中的轴刻度。

当屏幕尺寸小于768px时，如何隐藏图表创建时的轴刻度？

上。

这是我设法隐藏刻度的方法

plugins={[{
  beforeDraw: function(chart, options) {
    if (chart.width < 768) {
      chart.options.scales.xAxes[0].ticks.display = false;
    }
  }
}]}

但是，图表并未扩展到其下方的刻度线空间。在选项卡上的开关上，轴刻度线保持空白。

在第一个标签页中访问。图表是第一次创建的：

在访问另一个标签，然后返回：