angularjs - AngularJs ChartJs 工具提示 z-index 问题

Question

我正在为我的 Angular 项目使用此模板https://coreui.io/v1/demo/pro/AngularJS_Demo/#!/dashboard。其中包括chart.js和angular-chart.js。经过大量的谷歌搜索后，我仍然无法在所有元素呈现的图表中获得工具提示。

在它的所有其他产品中coreui正确显示。但我不确定为什么它没有在这里显示。请帮我。

Answer 1

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

---

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

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