Highstock navigator type arearange doesn't work

[kamil-musialowski]

Expected behaviour

navigator.series.type set to arearange should plot an arearange in navigator

Actual behaviour

When set to arearange navigator stays empty (except for Firefox, where it's plotted as a line)

Live demo with steps to reproduce

https://jsfiddle.net/BlackLabel/r8mjx4h1/

Product version

Highstock JS v10.1.0 (current)

Affected browser(s)

Chrome, Opera, Safari - arearange doesn't show up
Firefox(Windows 10) - shows as a line

[karolkolodziej]

Please note that the arearange series requires data in a different format than line or ohlc.
If you declare a separate dataset for the navigator's arearange series, everything works as expected.

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

This approach works in Safari, Chrome, and FF.

[y-ghx]

Sorry to comment a closed issue but arearange series does not plot in navigator if series contains too many points (depending on browser and exploitation system apparently).

Demo: https://jsfiddle.net/guehenneux/Le34x7h1/

In my case under Ubuntu 18.04:
Firefox: failed if the serie contains more than 473 points.
Chrome: failed if the serie contains more than 562 points.

And under Windows 10:
Firefox, Chrome, Edge, Brave failed if the serie contains more than 401 points.

[karolkolodziej]

Indeed, the grouped data in the navigator is not properly displayed.

As a workaround, you can simply disable the dataGrouping in the navigator's series- demo.

[pawelfus]

This is not a bug: by default navigator.series.dataGrouping.approximation is set to average. When you change series to arearange, the approximation should also be changed (e.g. to range or averages).

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

[raf18seb]

Due to Paweł's comment, closing as not a bug.