Highcharts - 减少 x 轴标签的填充/空间（多个）

Question

我创建了一个甘特图，其中 x 轴显示 3 轴时间、周和月，类似于下图：

我想减少高图表刻度中的空间或减少鹳鸟的高度。如果我们看到文本 June 和 July 的顶部和底部有更多空间。

我尝试添加以下 CSS：

  svg > g.highcharts-axis-labels.highcharts-xaxis-labels.xaxis-week > text {
    transform: translate(0px, 10px);
}

svg > g.highcharts-axis-labels.highcharts-xaxis-labels.xaxis-days > text {
    transform: translate(0px, 10px);
}

但它只会移动文本，但不会减少刻度线的高度。我尝试设置ticklength，但它不起作用。 我需要知道是否有办法实现这一点，因为 x 轴上的框占用了太多空间。有没有办法设置路径尺寸或减少相同的行程长度

Answer 1

您可以简单地使用 x 轴对象内部的 labels.distance 属性来增加或减少标签填充：

xAxis: [{
    labels: {
        distance: 10
    }
}]

演示：https://jsfiddle.net/BlackLabel/cLv36u75/

API： https://api.highcharts.com/gantt/xAxis.labels.distance