最近我做了一个饼图,想切换饼图部分,代码看起来像这样:
point: {
events: {
click: function () {
//do some stuff
$scope.$apply();
}
}
}
当您鼠标进入饼图部分并且光环显示表明您的鼠标悬停在其上时,它会起作用。但是,单击后,光晕消失并且失去焦点,然后再次单击,它将不起作用。要使其再次工作,您必须将鼠标移动到其他地方并再次输入以将其再次更改为悬停状态。即使您不移出鼠标并再次输入,有没有办法使单击功能继续工作?
最简单的方法是在单击事件中触发鼠标退出/鼠标悬停。
point: {
events: {
click: function(event) {
toggleProductHide(event.point.name);
this.onMouseOut();
this.onMouseOver(event);
}
}
}