当光标位于错误位置时，Chart.js鼠标悬停在工具提示上
当光标位于错误位置时，Chart.js鼠标悬停在工具提示上
提问于 2020-08-13 10:49:24
我正在用chart.js制作一个带有图表的网页。我想要3个并排的饼图，我用display: flex;将它们包装在一个div中。第一个的图表鼠标悬停在工具提示上运行良好。然而，对于第二个和第三个图表，只有当我将光标放在离数据部分很远的地方时，工具提示才会出现，而当光标直接放在数据部分上时，工具提示就不会出现。
我尝试过设置pointHitRadius和工具提示模式，但似乎都不起作用。
这是我的作品的jsfiddle：https://jsfiddle.net/6twvhpab/
回答 2
Stack Overflow用户
回答已采纳
发布于 2020-08-13 20:02:28
问题不在于display:flex，而在于：
html{
zoom: 90%;
}这肯定会打乱chartjs计算数据点位置的方式，如果您从样式表中删除上面的代码，那么它将解决您的问题。
我已经创建了一个小提琴来整理您的课程表，并演示它的工作方式：https://jsfiddle.net/kopf7d0L/
Stack Overflow用户
发布于 2021-09-22 19:07:53
您可以在div图表中反转缩放
body{
zoom:90%;
}
.chart{
zoom:calc(1/0.9);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/63387436
复制相关文章
相似问题
腾讯云开发者
