时间戳

首页 > 解决方案 > Highcharts Gantt - 如何强制数据标签始终高于里程碑？

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

问题描述

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

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

我设法通过设置将它们放在标记之外

dataLabels: {
    inside: false
}

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

标签放置的屏幕截图

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

如何强制 Highcharts 始终将数据标签放置在里程碑标记上方？

标签： javascripthighchartshighcharts-gantt

解决方案

您可以使用y属性将数据标签放置在标记上方：

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

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

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

推荐阅读