使用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>
但是，当鼠标进入或不在画布上的画布上时，这会更改光标。我找不到解决办法。有人知道这是否可能吗？
您可以像这样背负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);
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句