score:1

I ended up doing like this. Posting in case it may help someone else.

point: {
                        events: {
                            mouseOut: function() {
                                var index = this.index
                                for( var series of this.series.chart.series){
                                    for(var j=0;j<series.points.length;j++){
                                        if(j === index && series.points[j].graphic){series.points[j].graphic.attr({'translateY': 8})}
                                    }
                                };
                            }
                        }
                    }

score:0

You can adjust your custom marker settings by setting translateX and translateY like this

            var text = symbol.split(':')[1],
                svgElem = this.text(text, x, y)
                .attr({
                  translateY: h,
                  translateX: -1
                })
                .css({
                    fontFamily: '"Font Awesome 5 Free"',
                    fontSize: (h * 2 ) + "px"
                });

Related Articles