Angular PrimeNG 图表模块：自定义悬停文本

Question

在 PrimeNG 图表中，当我将鼠标悬停在数据点上时，我可以看到黑框，其中包含有关该点的一些信息。如何自定义此框？我想为悬停信息框添加我自己的 HTML。

P.S：PrimeNG 图表模块在后台使用 chart.js。

Answer 1

您可以使用外部（自定义）工具提示，如here

所述

External tooltips allow you to hook into the tooltip rendering process so that you can render the tooltip in your own custom way. Generally this is used to create an HTML tooltip instead of an on-canvas tooltip.

请看一下这个sample，它说明了如何完成。