Linecap combined with dashStyle not working

[KamilKubik]

Expected behaviour

series.linecap property should be applied when series.dashStyle property is declared.

Actual behaviour

series.linecap property isn't applied when series.dashStyle property is declared.

Live demo with steps to reproduce

https://jsfiddle.net/BlackLabel/jpt2wrx7/

Product version

Highcharts v10.3.1

[karolkolodziej]

Those two properties coexist in SVG (demo) and I don't see any reason why it should in the Highcharts.

Workaround:
Wrap applied to the drawGraphmethod- demo.

Internal note:
The else if should be split into the if.

highcharts/ts/Series/Line/LineSeries.ts

Lines 169 to 174 in 3f396d8

	if (prop[3]) {
	attribs.dashstyle = prop[3] as any;
	} else if (options.linecap !== 'square') {
	attribs['stroke-linecap'] =
	attribs['stroke-linejoin'] = 'round';
	}

[MarkusBarstad]

Quick question @karolkolodziej: Should the legend-symbol be rounded in case of rounded linecap?

[karolkolodziej]

IMO legend should reflect the series so answering your question yes it should have also a rounded linecap.
@TorsteinHonsi what is your opinion?

[TorsteinHonsi]

Yes I think it should, ideally. Let's try to code it and see how it looks.