javascript - 如何更改chart.js甜甜圈图上的鼠标光标？

使用Chart.js库时，将鼠标悬停在甜甜圈上时，我想更改光标。

我这样做:

$("#dc_LoadTime").mouseleave(function(){
    $("#dc_LoadTime").css("cursor", "default");
});
$("#dc_LoadTime").mouseenter(function(){
    $("#dc_LoadTime").css("cursor", "pointer");
});

与此在HTML页面

<canvas id="dc_LoadTime"></canvas>

但是，当鼠标进入或不在 Canvas 上的 Canvas 上时，这会更改光标。
我找不到解决办法。有人知道这是否可能吗？

最佳答案

您可以像这样背负showTooltip方法

...
var myDoughnutChart = new Chart(ctx).Doughnut(data);

var originalShowTooltip = myDoughnutChart.showTooltip;
myDoughnutChart.showTooltip = function (activeElements) {
    $("#dc_LoadTime").css("cursor", activeElements.length ? "pointer" : "default");
    originalShowTooltip.apply(this, arguments);
}