plotly.js
plotly.js copied to clipboard
plotly
zorder property changes trace color
The zorder property changes the color of stacked line traces. The following code pens demonstrate the problem. The only change between the various charts is, that the zorder property has been added to the traces. This should not have any impact on the colouring, but it does.
Stacked line traces (working / without zorder)
Stacked line traces (broken / zorder=1 on first trace)
Stacked line traces (broken / zorder on all traces)
@archmoj: Another problem with the zorder property, tested against the CI output artefacts you provided us with. (https://output.circle-artifacts.com/output/job/07ec9652-70cc-4287-bfb0-c639ea6b2d39/artifacts/0/dist/plotly.min.js)
The traces in the codepens have transparency. @alexcjohnson do you this may be the expected behavior or a bug?
Yes, this is clearly a bug. All of these traces have y=[1,1,1] so they should each get a height of 1 no matter what else is done.
It seems that setting zorder confuses them about which other traces they're stacked on - each trace gets the right total y values, so they definitely know at that point what's stacked below them, but then when it comes time to draw the fills they go to the wrong place.
Not meaning to hijack here but maybe this helps fixing the bug for good:
When I set zorder: 2 (or any value for that matter) to a single trace then all of my showline on all of the axes are gone. They reappear only if I set mirror: all but then the opposite side also appears.
