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中，则在样式部分中指定位置，如下所示：

SELECT
  *
FROM
(
  SELECT
    *,
    COUNT(*)     OVER (PARTITION BY customer_name)                           AS cust_record_count,
    ROW_NUMBER() OVER (PARTITION BY customer_name ORDER BY day_column DESC)  AS cust_record_id
  FROM
    yourTable
)
  summarised
WHERE
      cust_record_count >= 3
  AND cust_record_id    <= 3

我可以将工具提示放置在任何需要的位置。这不是完美的，因为我的26和80是基于工具提示的宽度/高度的推测，因此它并不总是完美对齐。

是否可以手动放置ngx-bootstrap工具提示？

1 个答案: