TypeError: this.getSegment is not a function in ColoredareaSeries Update

[K009]

Description

When performing a series.update operation on a ColoredareaSeries, the chart fails to render, throwing:
Uncaught TypeError: this.getSegment is not a function at highcharts-multicolor-series:18:136 at Array.forEach (<anonymous>) at D.drawGraph (highcharts-multicolor-series:18:112) at D.drawGraph (highcharts-multicolor-series:19:171) at D.render (highcharts.js:2:173292) at D.redraw (highcharts.js:2:173643)

Steps to Reproduce

1. Create a chart with a coloredarea series.
2. Perform a series.update operation (e.g., chart.series[0].update({ data: [...] }, true)).
3. Observe the console for the error and note that the chart fails to render.

Demo: https://jsfiddle.net/BlackLabel/3g7hvwf6/

Expected Behavior

The series.update operation should redraw the ColoredareaSeries without errors, using getSegment to create SVG elements for graph segments.

Actual Behavior

The error TypeError: this.getSegment is not a function is thrown, and the chart does not render.

Environment

• Browser: Chrome

[aden-74]

The error TypeError: this.getSegment is not a function occurs because getSegment was defined as an instance property inside the constructor using an arrow function. Need to convert getSegment into a regular class method so it’s added to the prototype chain. I checked and it helped me.
True, there is now another bug: when calling zoomOut() for a chart, coloredlines does not take this into account and remains in place. Although in the old versions of "highcharts" (ver. 11.2.0) + "highcharts-multicolor-series" (ver. 2.4.1) it worked.