Highcharts: 3D columns overlapping with high depth

Created on 9 May 2016  Â·  3Comments  Â·  Source: highcharts/highcharts

Behaviour

3D columns are overlapping each other when there is high depth set

Live demo of the issue

http://jsfiddle.net/0ggczp13/1/

Bug

Most helpful comment

As a workaround you should be able to modify SVGRenderer.prototype.cuboidPath and inside this method change an idea of calculating zIndex for columns. http://jsfiddle.net/4y3qgdmn/32/

In this case it is necessary to change where series is rendered. Instead of individual groups per series use just one group for all series’ points.

All 3 comments

It looks like the issue with using the same group for all series - which is fine in 2D, but cause rendering issues in 3D. Connected ticket: #4369

Hi guys, is there a solution to this issue yet?
screen shot 2017-02-15 at 17 25 59

As a workaround you should be able to modify SVGRenderer.prototype.cuboidPath and inside this method change an idea of calculating zIndex for columns. http://jsfiddle.net/4y3qgdmn/32/

In this case it is necessary to change where series is rendered. Instead of individual groups per series use just one group for all series’ points.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ananth-imagin picture ananth-imagin  Â·  3Comments

remilandais picture remilandais  Â·  3Comments

deanshub picture deanshub  Â·  3Comments

sebastianbochan picture sebastianbochan  Â·  3Comments

KacperMadej picture KacperMadej  Â·  3Comments