reactjs - 如何增加 ChartJS 中垂直网格线之间的间隙

Question

我使用Chartjs为大量数据集绘制了图表。因此，默认情况下有许多垂直网格线，看起来很可悲。我想增加垂直线之间的间隙。

如有任何帮助，我们将不胜感激。谢谢

Answer 1

您可以使用maxTicksLimit，这将使得只有一定数量的刻度才会被渲染，从而使刻度之间的距离更大

代码:

options: {
  scales: {
    xAxes: [
      {
        ticks: {
          maxTicksLimit: 10
        }
      }
    ]
  }
}

来源:https://www.chartjs.org/docs/latest/axes/cartesian/linear.html