Highcharts Gantt - 如何强制数据标签始终高于里程碑？

Question

我正在使用 Highcharts 甘特图构建里程碑比较图表。

我的每个里程碑都有一个简短的里程碑“类型”首字母缩写词，我想将其显示为数据标签，并且我希望它们始终高于 里程碑标记.

我通过设置

设法让它们超出了标记

dataLabels: {
    inside: false
}

在系列中，但 Highcharts 仅将标签放在第一行数据的标记上方，在后续行中，它会将标签放在下方：

我厌倦了 verticalAlignment 设置，但这似乎并没有达到我想要的效果。

如何强制 Highcharts 始终将数据标签置于里程碑标记之上？

Answer 1

您可以使用 y 属性:

将数据标签放置在标记上方

  series: [{
      ...,
      milestone: true,
      dataLabels: {
        ...,
        y: -10
      }
    }, ...]

---

现场演示： https://jsfiddle.net/BlackLabel/yv641op0/

API参考：https://api.highcharts.com/gantt/series.gantt.dataLabels.y