Multiple y-axes on the same series, only showing first axis in newer versions. This works in version 10.1.0.

[ThorFjelldalen]

Expected behaviour

I am using a Column chart with tickPositioner to manually control the ticks for multiple y-axes. We do this to map a value to a list of other corresponding values. (Specifically a value in y1, mapped to a price segment in y2.)

Actual behaviour

In newer versions, it will only loop through the series on the first axis, and other axes are ignored.

We can duplicate series, and link them, but this will produce a duplicate column. This can be hidden with visible: false, but this will also hide the corresponding axis. I have tried using id's but cannot find an alternative way to do the same in the newer versions. Is there any?

Live demo with steps to reproduce

Example using newest version where it does not work: https://jsfiddle.net/6akvhs4o/1/

Example using older version where it works: https://jsfiddle.net/9vhpf7ox/1/

Product version

Tested in Highcharts 10.1.0 (working), and 10.3.3 (not working) and 11.1.0 (not working).

Affected browser(s)

All

[bm64]

Hello @ThorFjelldalen and thanks for reporting the issue.

As a workaround add to the chart config a "dummy" series assigned to second yAxis: https://jsfiddle.net/BlackLabel/upck46oy/

[ThorFjelldalen]

Thanks for the workaround @bm64! Then we can use the newest version after all.