如何修正X轴中标签的网格线数量太少的问题

Question

如何解决X轴中的网格线数量因标签过于简练的问题。https:/www.chartjs.orgsampleslatestchartslinebasic.html

如果我们添加了60多个数据标签就会过于浓缩，然后在一些更多的值之后，轴线调整为隐藏一些值在中间，以正确显示标签。

有没有办法控制触发点来调整轴线的数量？

Answer 1

假设你定义了 xAxes.time.unit: 'month'，你可以定义 time.stepSize 如下所示。

xAxes: [{
  type: 'time',
  time: {
    unit: 'month',
    stepSize: 2
  },

time.stepSize解析：网格线之间的单位数。

Chart.js内部使用 瞬间.js 的功能。时间轴. 因此，你应该使用 捆绑版 的Chart.js，在一个文件中包含了Moment.js。