Highcharts JS：X轴标签之间的差距太小答案

【问题标题】：Highcharts JS: Gap between X-Axis labels is too thinHighcharts JS：X轴标签之间的差距太小
【发布时间】：2015-09-30 09:37:58
【问题描述】：

当我缩放窗口大小并且可以显示更多标签时，X 轴标签之间的间隙很小。 Highcharts 引擎计算差距并在不同的断点处设置零差距。标签相互接触，对于这个问题，我需要一个解决方案。

我已经测试过了，旋转90度不是问题。

type: 'datetime',
labels: {
    rotation: -90
}

直播： jsfiddle.net/k5ckfh76/

【问题讨论】：

您应该使用 tickInterval 来避免 xAxis 标签在较大点存在时重叠。您还可以使用 staggerLine 属性来维护标签的交替顺序以避免它们之间的折叠。
你能发布现场例子吗，比如 jsFiddle？
好的，jsFiddle 已经上线了。

【解决方案1】：

labels: {
    style: {
        color: 'blue'
    },
    rotation: 90,
    staggerLines: 2
}

【讨论】：

【解决方案2】：

使用类别将轴的类型设置为category，但是您将轴的类型设置为datetime - 它不能同时是两者。使用时间时建议使用datetime，而不是category。

当使用datetime 轴类型时，可以设置tickPixelInterval - 以防止标签彼此靠得太近。

【讨论】：

可以显示第一个和最后一个日期吗？
设置为 true: startOnTick, endOnTick 和 0 minPadding 您将获得从第一个日期开始并在最后显示刻度的轴，但最后一个日期可能不会显示为轴上的标签 - jsfiddle.net/k5ckfh76/3 使用 tickPositioner 可以完全控制刻度位置 - jsfiddle.net/athkombk