Можно ли вручную расположить всплывающую подсказку ngx-bootstrap?

Question

Я пытаюсь вручную установить положение всплывающей подсказки ngx-bootstrap, но не смог найти способ сделать это.Документация имеет вариант размещения, который не то, что я ищу.У меня есть диаграмма plottablejs, и я хочу разместить подсказку там, где находится моя мышь, чтобы я мог показывать данные, относящиеся к этому месту.Я попробовал параметр динамического HTML и установил абсолютную позицию на отрезке с координатами X / Y моего указателя мыши, но это не сработало.

Определение всплывающей подсказки:

<ng-template #popTemplate><div [innerHtml]="foobar"></div></ng-template>
<div #chart id="chart" class="chart" [tooltip]="popTemplate"></div>

Answer 1

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

let tooltip: string = "<style>.bs-tooltip-top {left:" + (point.x - 26) + "px !important; top: " + (point.y + 80) + "px !important;} .tooltip {pointer-events: none;}</style>";

, чтобы я мог расположить подсказку где угодноЭто.Это не идеально, потому что 26 и 80 основаны на предположении ширины / высоты всплывающей подсказки, поэтому она не всегда идеально выравнивается.