Асинхронная подсказка Highcharts рисуется поверх точки

Question

Я пытаюсь отобразить всплывающую подсказку, в которой содержимое загружается асинхронно.Контент загружается нормально, однако подсказка рисуется поверх точки, что может привести к путанице.Как заставить подсказку отображаться выше или ниже точки?

Моя formatter функция выглядит примерно так:

tooltip: {
    formatter: function (tooltip) {
        let text = 'The value for <b>' + this.x +
                    '</b> is <b>' + this.y + '</b>'

    // More text set asynchronously
    setTimeout(function () {
        tooltip.label.attr({
        text: text +
          '<br> more details here <br>' +
          'more details here <br>' +
          'more details here <br>' +
          'more details here <br>'
      });
    }, 5)

    return text
    }
}

См. JSFiddle дляполный пример вопроса.

Answer 1

Вы также можете использовать метод attr, чтобы изменить y Положение всплывающей подсказки:

    setTimeout(function () {
        tooltip.label.attr({
            text: text +
                '<br> more details here <br>' +
              'more details here <br>' +
              'more details here <br>' +
              'more details here <br>',
            y: tooltip.now.y - 50
      });
    }, 2000)

Демонстрационная версия: https://jsfiddle.net/BlackLabel/m14b7s6f/