AngularJs ChartJs工具提示Z索引问题

Question

我将这个模板https://coreui.io/v1/demo/pro/AngularJS_Demo/#!/dashboard用于我的有角项目。它包括chart.js和angular-chart.js。经过大量的谷歌搜索之后，我仍然无法在图表上得到所有工具提示上方的工具提示。

在coreui的所有其他乘积中，它正确显示。但是我不确定为什么它没有显示在这里。请帮助我。

Answer 1

查看源代码，似乎他们使用ChartJs作为图表。

---

ChartJS应该会自动为您的工具提示找到正确的位置，但是由于图表区域太小，因此当工具提示也位于顶部时，它会看起来像是切掉的。尝试增加图表周围的区域，以给工具提示更多的空间。由于仪表板中的所有其他示例均具有较大的图表/容器，因此该问题仅在小框中发生。

如果您希望对工具提示有更多的了解，还可以切换到HTML tooltips，这样工具提示将添加到画布的外部，并且可以通过CSS（像Z-index）。