ChartJs 工具提示未正确显示

Question

我发现 chart.JS 有一段时间了，我想在我的网站中实现它。我在他们的网页上编写了最简单的代码，工具提示确实出现了，但是当我在 CSS 中的 html 标记上使用 zoom 属性时（因为我想让整个页面变小），工具提示似乎很疯狂。其中一些不再出现，而其他一些仅在悬停图表的某些区域时出现。有没有办法解决这个问题？

Answer 1

不建议将 CSS 缩放属性用于此用途。它主要用于图像缩放，并且在不同浏览器中的支持非常差。我建议通过设置容器的宽度和减小字体大小来缩小内容。

不知道 css zoom 会如何影响 ChartJS 在不同浏览器中使用的画布。

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/zoom