javascript - 停止 Highcharts Networkgraph 在悬停时重新绘制标记

Question

我正在研究一个网络图，有人帮助我达到了在单击节点时可以隐藏/显示节点的程度。但是，当您移动鼠标时，似乎存在重新绘制节点的默认行为。

这是 fiddle :https://jsfiddle.net/oLbkpsag/ 。您会看到单击一个节点会隐藏其子节点，但是如果您在单击后移动鼠标，则该节点会重新出现。

我添加了

addClass('hide-tree-element')

这对数据标签有帮助，但标记或“图形”每次都会重绘。

悬停时似乎有默认行为“调暗其他系列”https://github.com/highcharts/highcharts/issues/9899 。我认为这可能会影响它。我尝试过禁用它，但似乎不起作用。

如有任何帮助，我们将不胜感激!

Answer 1

你是对的，非事件状态会重绘 mouseOut 事件上的每个点。

要更改此默认行为，您只需包装 Highcharts.Series.prototype.onMouseOut 方法并删除负责删除非事件状态功能的代码段(在此处添加: https://github.com/highcharts/highcharts/commit/f86f50f80160f078bd185e8e5db1251f317f9fff#diff-12c0e234e06f670ee77d64cce2a9205dL768 ):

// Reset all inactive states
chart.series.forEach(function (series) {
   series.setState('', true);
});

演示:

• https://jsfiddle.net/BlackLabel/zrL8w067/