在折线图上跳过x标签

Question

我需要制作一个包含1年全年数据的图表，但它有太多的x标签。

我这样做是为了删除一些：

var labels= []

for(var i = 0; i< 360;i++) {
  labels.push(i%30 == 0 ? "":i);
}

一段时间以来工作正常，但现在我需要tooltip来显示确切的日期，所以我需要标签。

我正在使用angularJs和ChartJs。

Answer 1

如果您没有为x轴的刻度指定autoSkip: false，则应自动跳过x轴标签。它默认为true。所以你不应该有压倒性的标签，加上工具提示应该仍然显示那些自动跳过的数据。

 xAxes: [{
     ticks: {
         autoSkip: false,
         fontSize: 11,
         ...
     }
 }]