Сосредоточьте всплывающую подсказку в середине кольцевой диаграммы в ответ

Question

В Highcharts я знаю, что вы можете поместить всплывающую подсказку в фиксированную позицию, используя:

        tooltip: {
          positioner: function () {
              return { x: 50, y: 50 };
          },
        },

Но как бы я отцентрировал ее так же, как поле margin: 0 auto отцентрировало бы ее?Я пытаюсь получить текст всплывающей подсказки, чтобы она оставалась посередине кольцевой диаграммы.Решение, вероятно, является чем-то очевидным, но мне еще предстоит выяснить, что это такое.Заранее спасибо!

Answer 1

Вы можете использовать диаграммы plotHeight и plotWidth, чтобы получить доступ к текущей высоте и ширине диаграммы и соответственно откорректировать всплывающую подсказку x и y, как показано ниже:

positioner:function(){              
 return { x: chart.plotWidth/2, y: chart.plotHeight/2 };
}

Рабочая демонстрация здесь:https://angular -raebwk.stackblitz.io