Pydeck tooltip being covered up by Plotly chart

Using Streamlit
1

Summary

I am creating a dashboard in Streamlit using a combination of a Pydeck map and a Plotly line chart. Unfortunately, given the position of the map and chart next to each other, when I hover on a region of the map closest to the chart, the tooltip is “covered up” by the Plotly line chart component. Any way of bringing forward the Pydeck component or adjusting its “z-score” or stacking order such that the tooltip appears above the line chart?

See screenshot below for a still of this behavior - notice how the tooltip is cut off as a result of being partially hidden behind the line chart:

Screenshot 2023-09-25 at 3.09.01 PM
Screenshot 2023-09-25 at 3.09.01 PM1590×1150 97.2 KB

I’m using the following:

  • Streamlit version: 1.22.0
  • Python version: 3.9.16
  • Conda virtual environment
  • MacOS version: Ventura 13.5.2
2

hey hi! i not due but this may occur due to overlapping in components and code! it will awesome if you can share source code or deployment link of project to look over also if possible trying using html or css.
looking forward for response !

3

This topic was automatically closed 180 days after the last reply. New replies are no longer allowed.