Javascript Chart.js油炸圈饼图不是'；t将鼠标悬停在油炸圈饼的左/右上方时显示工具提示

我已经创建了一个带有外部图例的甜甜圈图表，当您将鼠标悬停在甜甜圈的左侧或右侧时，不会显示工具提示，而如果您将鼠标悬停在甜甜圈的顶部/底部，则会显示工具提示

我使用的配置如下所示：

 const config = {
                type: 'doughnut',
                data: data,
                options: {
                    cutout: "85%",
                    plugins: {
                        htmlLegend: {
                            // ID of the container to put the legend in
                            containerID: 'legend-container',
                        },
                        legend: {
                            display: false,
                        }
                    }
                },
                plugins: [htmlLegendPlugin],
            };

            new Chart(
                document.getElementById('chartContainer'),
                config
            );

---

有人知道为什么工具提示没有出现以及如何解决吗？我使用的是chart.js 3.3.2。

所以发生这种情况的原因是因为我使用了一个绝对定位的div将一个数字放在图表的中间

这个div的宽度为100%，所以它覆盖了图表的中间部分，这意味着你不能将鼠标悬停在它们上面。将div的宽度减少到60%，并将“left”值设置为20%，解决了这个问题

---

需要注意的是，如果发生这种情况，您可能需要根据甜甜圈的大小使用不同的值。

它似乎工作正常，我可以悬停每个部分，它会正常显示工具提示，另外，如果我将intersect设置为false，我也可以悬停在剪切框上，它可以很好地工作：即使只有一个数据项，这就是我们目前拥有的数据项，它似乎也可以很好地工作。我会做更多的挖掘，因为这太奇怪了。如果你能分享一个可复制的链接，人们可能会帮助你more@LeeLenalee我已经解决了这个问题-谢谢你的帮助！