Chart.js插件重叠工具提示

Question

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

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

我可以在必要时发布代码，但不认为它有用。

Answer 1

我相信你应该发布代码以便清楚。既然你在谈论插件，你已经覆盖了至少一个插件方法。您已覆盖的方法之一可能是afterDraw。我相信，覆盖afterDraw会提出你提到的问题。尝试将afterDraw更改为afterDatasetsDraw。看看docs for the plugin methods that can be overridden。您希望在绘制工具提示之前绘制线条，因此在绘制数据集之后绘制线条似乎是一个很好的解决方案。也许使用beforeDatasetsDraw也是一个很好的解决方案，这取决于你是否希望条形线在线条之上。