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/

以下是我要实现的目标的GIF： https://giphy.com/gifs/oX9RknTRtqh1BE7AtI