mshabrikov
Posts: 2
Joined: Fri Mar 05, 2021 12:02 pm

How to change points connection style in stacked area

Hi! I have this stacked area chart (https://jsfiddle.net/19vg6mw8/1/). Is it possible to tune Highcharts config somehow to change the way how the line connecting two nearest points (both are not null) is drawing? Check the attached screenshot. I want two nearest points were directly connected by line. Is this behaviour reachable?
2021-03-05_16-57-36-min.png
2021-03-05_16-57-36-min.png (113.65 KiB) Viewed 59 times
mshabrikov
Posts: 2
Joined: Fri Mar 05, 2021 12:02 pm

Re: in stacked area

Oh, I lost some words in the topic title occasionally. It should be "How to change points connection style in stacked area". But I am not able to update the title.
pawelys
Posts: 962
Joined: Wed Sep 02, 2020 10:37 am

Re: How to change points connection style in stacked area

HI, welcome to the official Highcharts forum, and thanks for contacting us with your question!
The effect that you see, is because you have stacking enabled. The stacking option makes the charts stack (obviously :) ) so, when you have series, with a different number of points, when one series ends (which is on the bottom) the others have this 'cut-off', that you want to avoid. This is the basic behavior and can't be avoided when stacking is enabled.
Here is the demo with the stacking disabled: https://jsfiddle.net/BlackLabel/t1v8d52L/

In case of any further questions feel free to contact us again!
Kind regards,
Paweł Lysy
Highcharts Developer

Return to “Highcharts Usage”