javascript - highcharts x 轴标签的明智方法

Question

默认情况下，Highcharts 将 x 轴标签交错排列在尽可能多的行上，以便显示所有内容，例如

在这种特殊情况下，这看起来很疯狂。有一个 staggerLines option , 可用于指定将标签分布在多少行上。如果我将它设置为 1，我会得到一些同样不受欢迎的东西:

所有的标签都被塞在了同一行上，以至于实际上没有一个是可读的。有什么方法可以说服 Highcharts 在一行中显示尽可能多的标签，而不会彼此重叠。

我意识到有一个 step option可用于仅显示每个第 n 个标签，但这对我来说没什么用，因为图表中的数据点总数 (N) 根据用户选择而有很大差异，因此当 N 时设置 n 是毫无意义的变化多端。

Answer 1

您还可以使用 tickInterval定义刻度之间的距离。