Graphs z-index causes it to go over everything


I’m working on a basic stats page that contains a navbar and other elements on the screen. I have a bar chart and a donut chat and when I scroll the page, both of them go over the navbar - and any toher content in the way.

I assume theres something to do with the z-index, but I’m having trouble figuring out how - even if I put the navbars index to a huge value, its still behind.

Could you please, provide a code snippet, complete demo or a demo link, where the problem can be reconstructed locally.