AngularJs ChartJs工具提示z索引问题

我将此模板用于我的角度项目。其中包括chart.js和angular-chart.js。在大量的谷歌搜索之后，我仍然无法在图表中获得工具提示，而不是所有元素的显示

---

在coreui的所有其他产品中，它都正确地显示出来。但我不知道为什么它不在这里显示。请帮帮我。

看看源代码，他们似乎在使用图表

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

---

当您希望对工具提示有更多的权限时，您也可以切换到，以便将工具提示添加到画布之外，并可以通过CSS（如Z-index）进行配置。

先生，扩大区域将暂时解决问题，但不是解决方案。在他们的其他产品中，例如：，工具提示远高于此。即使在普通的html引导链接中，它也会出现在上面，因为它使用html工具提示。右键单击图表，并选中“检查”，您可以看到下面有一个。如果没有HTML工具提示，它就不能跳出画布。好的。angular.chart.js中有一个自定义工具提示选项。但是如何使用呢？你可以检查/复制你仪表板的源代码，或者。最后，我从主css文件复制了custom-tooltip.js内容和chartjs tooltip css。终于明白了。谢谢你的帮助，先生。