Border radius of columns applies to the top for negative values when `series.column.zoneAxis = 'x'`

[jszuminski]

Actual behaviour

Changing the series.column.zoneAxis property to x makes the series.column.borderRadius not apply correctly for the columns of negative value.

Live demo with steps to reproduce

Demo: https://jsfiddle.net/BlackLabel/edqbfunh/

1. Open the demo
2. See how the border radius is applied
3. Comment the zoneAxis: 'x' line

Product version

Highcharts 11

Affected browser(s)

All?

[hubertkozik]

Also, the tooltip is rendering wrongly for column series if you set zoneAxis: 'x'.
Demo: https://jsfiddle.net/BlackLabel/jcf120hp/

EDIT:
I have prepared a workaround for that issue. To use it in your project just copy-paste the IIFE function.
Demo with a workaround: https://jsfiddle.net/BlackLabel/y71vzms5/

[TorsteinHonsi]

Internal note

When the zoneAxis is x, point.negative is not true in this location:

highcharts/ts/Extensions/BorderRadius.ts

Lines 462 to 463 in 9ff918b

	const flip = (point.negative ? -1 : 1) *
	(reversed ? -1 : 1) === -1;

Subsequently, the corner rounding is not flipped.

The tooltip is probably the same root cause, the point.negative is not true. So we want to find out why.

[hubertkozik]

Yes, point.negative is wrongly calculated for Column Series. I have prepared a PR with the solution and I'm just waiting for CI to pass :)