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

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

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

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


javascript centering highcharts donut-chart positioning
person Lauren Mastroni    schedule 17.10.2018    source источник
comment
Пожалуйста, добавьте еще немного кода и покажите нам, что вы пробовали.   -  person Just code    schedule 17.10.2018

Ответы (1)


arrow_upward
0
arrow_downward

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

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

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

person User3250    schedule 17.10.2018