javascript - HighchartplotOption单击事件仅在鼠标停留在 block 中时触发一次

Question

最近我在制作一个饼图，想要切换饼图部分，代码如下:

                                point: {
                                events: {
                                    click: function () {
                                        //do some stuff
                                        $scope.$apply();
                                    }
                                }
                            }

当您的鼠标进入饼图部分时，它会起作用，并且光环显示表明您将鼠标悬停在其上。但是，点击后，光环消失，失去焦点，然后再点击，就不起作用了。要使其再次起作用，您必须将鼠标移至其他位置并再次输入以将其再次更改为悬停状态。 有没有办法让鼠标不移出再进入的情况下点击功能继续工作？

Answer 1

最简单的方法是在点击事件中触发 mouseout/mouseover。

point: {
    events: {
      click: function(event) {
        toggleProductHide(event.point.name);
        this.onMouseOut();
        this.onMouseOver(event);
      }
    }
  }