Dash Graph display on Full Screen

Dash Python
1

I want to display my graph (dcc.Graph() ) component as output on full screen and return back to Dashboard on closing the full screen.

2 Likes
2

+1! Got hear from Google when I searched for the feature

3

Are there any solutions to display the graph on full screen and return back to Dashboard on closing the full screen?

1 Like
4

Iā€™m also interest in this feature, with no luck so far, did you find a solution anywhere?

5

Hello bongi,
I found a solution. I am using the component modal from dbc.
In the modal body is a html.div with an id. The style of the modal I customized so that it is close to a full screen. In the first image is the modal defined for the full sreen.

image
image847Ɨ184 4.63 KB

With the middle buttun in the right upper corner of the picture, the modal will pop up in full screen mode.
msedge_o2wI5XLoQX
msedge_o2wI5XLoQX645Ɨ532 4.1 KB

If the button is clicked, the graph will be returned to the html.div of the modal. If the modal is closed the graph will be returned in the html.div of the normal layout

pythonw_8lBq8sNl4s
pythonw_8lBq8sNl4s892Ɨ347 19.1 KB

I close the modal with the button in the upper left corner.

ApplicationFrameHost_vXwZMV3Jb1
ApplicationFrameHost_vXwZMV3Jb11887Ɨ910 39.1 KB

I hope this solution will help you.

6

Hello Schimmp! Is there any possibilities that you publish the full code? And not as an image but in writing?

7

+1. I have the same problem. How to make a full-screen graph display