ChatJS: Поместите пользовательскую подсказку в центр / середину кольцевой диаграммы

Question

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

Код, который касается позиционирования:

var position = $(this._chart.canvas)[0].getBoundingClientRect();


// Display, position, and set styles for font
  tooltipEl.css({
    opacity: 1,
    width: tooltip.width ? (tooltip.width + 'px') : 'auto',
    left: position.left + tooltip.x + 'px',
    top: position.top + top + 'px',
    fontFamily: tooltip._fontFamily,
    fontSize: tooltip.fontSize,
    fontStyle: tooltip._fontStyle,
    padding: tooltip.yPadding + 'px ' + tooltip.xPadding + 'px',
  });

https://jsfiddle.net/vinilvasani/4fxchbwq/1/

Вот пример того, чего я пытаюсь достичь: https://giphy.com/gifs/oX9RknTRtqh1BE7AtI