score:1

there is no such built-in functionality in highcharts, but you can add it by using click event and show/hide methods. example:

    plotoptions: {
        series: {
            point: {
                events: {
                    click: function() {
                        const operatechildren = (point, operation) => {
                            point.linksfrom.foreach(link => {
                                link.graphic[operation]();
                                link.tonode.graphic[operation]();

                                operatechildren(link.tonode, operation);
                            });
                        };

                        if (this.linksfrom && this.linksfrom[0]) {
                            if (this.linksfrom[0].graphic.visibility === 'hidden') {
                                operatechildren(this, 'show');
                            } else {
                                operatechildren(this, 'hide');
                            }
                        }
                    }
                }
            }
        }
    },

    tooltip: {
        formatter: function(tooltip) {
            if (this.point.graphic.visibility !== 'hidden') {
                return tooltip.defaultformatter.call(this, tooltip);
            }
            return false;
        }
    }

live demo: https://jsfiddle.net/blacklabel/dp03gq6a/

api reference:

https://api.highcharts.com/class-reference/highcharts.svgelement#show

https://api.highcharts.com/class-reference/highcharts.svgelement#hide


Related Query

More Query from same tag