Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Area chart point displayed outside filled stack #6387
The series enable animation is also affected by this and displays artifacts.
Live demo with steps to reproduce
jsFiddle demo - change the script src to
Actually the stacking part is correct, but the rendering of the graph is not.
The thing with 4.1.6 was that stacking on spline series was not supported at all, so it would be the same as disabling it: https://jsfiddle.net/highcharts/vhm2Lvex/3/.
Now take a look at the area chart, where stacking performs as expected: https://jsfiddle.net/highcharts/vhm2Lvex/4/. The bottom series only has one value, 2, but since it is only one point, it doesn't have an area below it. However, when we stack the number 1 on top of it, it becomes 3, but there's still no area below it, so the stack becomes disconnected from the points. It becomes clearer what happens if we add another set of points: https://jsfiddle.net/highcharts/vhm2Lvex/5/.
Either way I'd like to know what can be done to fix this problem and get the rendering sorted as it's preventing me from upgrading. Do you have any idea on what caused this bug to show up? It kinda looks like a regression from my point of view.
Yes, sorry for being unclear about this earlier. It worked by not trying to stack the areas, but instead just draw them on top of each other. So in that fiddle, you'll see that in the area that is supposed to be orange, there is actually some blue bleeding through.
The problem happens on the ends of some of the area splines, but only when nulls are present: https://jsfiddle.net/highcharts/4aeror48/2/. If you want to debug, I would start looking in the