Как центрировать всплывающую подсказку Bootstrap на SVG?

Я хочу сместить всплывающую подсказку на несколько пикселей вправо, чтобы стрелка находилась в центре ячейки, где находится курсор (в настоящее время он расположен в (0, 0), то есть вверху слева) Это мой код:

 $("rect.cell").tooltip({
    title: "hola",
    placement: "top"
  });

и изображение:

В идеале я хотел бы сделать это с помощью javascript, чтобы я мог обновить количество пикселей, если я изменю размер ячеек.