Highcharts Gantt - 顶行中的数据标签不符合 y 偏移定位

Question

我正在制作里程碑比较图表，并将数据标签放在里程碑标记上方。数据标签是两行文本。

我正在设置自己计算的 chart.height 以增加行高，这样我就可以很好地在每一行中放置数据标签，并且我使用了 series.point.graphic.translate() 和series.datalabels.y 以便将所有内容垂直放置在我想要的行内。我已经几乎完全按照我想要的方式拨入了所有内容。

但是，第一行数据的数据标签似乎不符合我尝试设置的 y 偏移量。事实上，在我看来，它不是从行的中心开始并偏移由 series.datalabels.y 指定的量，而是实际上应用了 more 偏移量来强制数据标签推到绘图区域的最顶部。

在屏幕截图中，大部分里程碑 markers/labels 附近的红线显示了偏移量应该是什么：非常小的东西，标签应该刚好略高于里程碑标记点。但是第一行中的红色框显示偏移量太大，标签被推得太高（标签顶部正好靠着绘图区域的边缘）：

这是怎么回事，我该如何解决？

Reference pen.

Answer 1

嗯，我想通了...

如果我不对第一行的数据标签应用 y 偏移量，它们似乎排列得更好：

// yValue is essentially the row here, so 0 is the first row
series: {
    dataLabels: {
        y: yValue === 0 ? 0 : -31
    }
}

Reference pen.

Highcharts Gantt - 顶行中的数据标签不符合 y 偏移定位

Highcharts Gantt - data labels in top row are not respecting y offset positioning

javascript

highcharts

highcharts-gantt