网络图 - 有没有办法在网络图中点击隐藏特定节点？

Question

我试图在网络图中点击隐藏节点。如何使用highcharts在网络图中隐藏节点？

我已经尝试删除系列中的节点并更新图表。有没有更好的办法？

Answer 1

要隐藏click事件上的特定点，请使用remove方法：

plotOptions: {
    networkgraph: {
        ...,
        point: {
            events: {
                click: function() {
                    this.remove();
                }
            }
        }
    }
}

但是，networkgraph图表中存在一个与remove方法相关的错误（此处报告：https://github.com/highcharts/highcharts/issues/10565），因此您还需要使用变通方法：

Highcharts.wrap(
    Highcharts.seriesTypes.networkgraph.prototype, 'generatePoints',
    function(p) {
        if (this.nodes) {
            this.nodes.forEach(function(node) {
                node.destroy();
            });
            this.nodes.length = 0;
        }
        return p.apply(this, Array.prototype.slice.call(arguments, 1));
    }
);

现场演示：https://jsfiddle.net/BlackLabel/m9tjb481/

API参考：https://api.highcharts.com/class-reference/Highcharts.Point#remove