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 应该会自动为您的工具提示找到正确的位置，但是由于图表区域太小，当工具提示也处于顶部位置时，它看起来会被截断。尝试增加图表周围的区域以提供更多工具提示 space。因为仪表板中的所有其他示例都有更大的 charts/containers，问题只发生在小方框中。

当你想对工具提示有更多的权力时，你也可以切换到 HTML tooltips 这样 工具提示将被添加到 canvas[=21= 之外]，并且可以通过CSS配置（如Z-index）。