Negative radius for circle and diamond shapes in TileMap

[hemanthreddyk]

Expected behaviour

When there is a single data point in the series, circle and diamond shape tiles should render on the chart with out error

Actual behaviour

Does not render the shape in the chart, with following error in browser console
Error: attribute r: A negative value is not valid. ("-2")

Live demo with steps to reproduce

https://jsfiddle.net/nwtquxfm/2/

1. Open the above link
2. Right click and go to browser console.
3. You can see the above mentioned error
4. Same error happens when tileShape is changed to diamond

Product version

Latest Stable

Affected browser(s)

All browsers

[pawellysy]

Thanks for reporting a bug @hemanthreddyk!

Internal note
The colsizePx is wrongly calculated here:

highcharts/ts/Series/Tilemap/TilemapShapes.ts

Lines 530 to 543 in c009347

	colsizePx = Math.abs(
	clamp(
	Math.floor(
	xAxis.len -
	xAxis.translate(
	point.x + colsize,
	0 as any,
	1 as any,
	0 as any,
	0 as any
	)
	), -xAxis.len, 2 * xAxis.len
	) - x
	);