如何在HighChart中动态更改鼠标事件功能？

Question

我正在使用Highchart NetworkGraph作为有向图。

我希望用户能够在节点悬停点突出显示“开始节点”的最短路径。 我还有一些复选框，可以突出显示从启动到指定节点的最短节点。我设法做到了。但是，我遇到的一点问题是，选择一个复选框后，我想“禁用” BFS算法，保持突出显示的路径并让用户探索节点（每个节点都在悬停时都有一个工具提示弹出窗口）

i Ve进行了一个小型演示，展示了我的问题。 demo

我试图禁用所有状态（无效，无效，Hover，Hover，Hover，Hover，Hover，Hover，Hover，Hover，Hover，Hover选择）并使用node.update（）方法更新每个标记，但没有成功。我还试图将ChartOptions状态中的Events更改为未定义或其他功能，但是默认状态会干扰该功能。我已经用完了想法。

提前致谢。

Answer 1

对于所有状态，您可以使用enableMousEtracking：false，它将关闭所有状态。 https://api.highcharts.com/highcharts/plotOptions.networkgraph.enableMouseTracking

  const updateSeries = () => {
    setChartOptions({
      series: [
        { 
          enableMouseTracking: false,
          data: [Math.random() * 5, 2, 1] 
        },
        { 
          data: [Math.random() * 5, 2, 1] 
        },
      ]
    });
  };

https://stackblitz.com/editz.com/edit/react-ewhvow?file= index index in 。

​。标记状态是否可见。