Highcharts Gantt - How To Force Data Labels To Always Be Above Milestones?

I'm building a milestone comparison chart using Highcharts Gantt. Each of my milestones has a short acronym for the milestone 'type', which I want to show as data labels, and I wan

Solution 1:

You can position data labels above the markers by using y property:

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

---

Live demo:https://jsfiddle.net/BlackLabel/yv641op0/

API Reference:https://api.highcharts.com/gantt/series.gantt.dataLabels.y