Chart.js 插件重叠工具提示

Question

我有两个插件，一个在图表中显示一条水平线（示例图如下所示），另一个在圆环图中显示标签。在这两种情况下，当基本图表的工具提示被触发时，它都会显示在插件绘图的下方（即较低的 z 位置）。

我知道我可以创建一个完全自定义的工具提示来解决这个问题，但想知道是否有我没有看到的配置或更简单的解决方案。

如果有必要，我可以发布代码，但认为它没有用。

Answer 1

为了清楚起见，我相信您应该发布代码。由于您正在谈论插件，因此您已经重写了至少一种插件方法。您重写的方法之一可能是afterDraw. 我相信，覆盖afterDraw会出现您提到的问题。尝试更改afterDraw为afterDatasetsDraw. 查看文档以了解可以覆盖的插件方法。您希望在绘制工具提示之前绘制线条，因此在绘制数据集之后立即绘制线条似乎是一个不错的解决方案。也许使用beforeDatasetsDraw替代方案也是一个不错的解决方案，具体取决于您是否希望条形图位于线条上方。