I am trying to arrange two charts on a page, dynamically sized to suit the available screen space. The first chart should be ~25% of the screen height. Between the charts, there is a fixed-height strip containing some buttons. The remainder of the screen should be used by the second chart. I have ar…

Hello, Gennadiy, wondering if you’ve found an answer - my dcc.Graph is also stuck at 450px, which is frustrating. Thanks!

Prom3theus, Hi, try this: you can hardcode the height as CSS style to 920 for example: dcc.Graph(id=‘chart-graph’, style={‘margin-top’: ‘0’, ‘height’: 920} ) I still haven’t found solution for dynamic height re-layout. Seems like there is a bug in some layer where width is being dynamically re-l…

Also see my post here: Can't seem to change default Height on Graph

@Prom3theus - Nikita see Chris’s response here: Can’t seem to change default Height on Graph The viewport height in CSS seems to be the trick to solve this.

eponym’s code worked perfectly for me using a css grid layout.

I was able to get plotly to correctly size the graph by setting the height of the parent divs (div.js-plotly-plot and div.plot-container) that plotly wraps div.svg-container with.

Hi Danvallentyne, Can you please post your code.

I set the height of the containers via CSS. .js-plotly-plot, .plot-container { height: 44vh }

Why is it so complicate to resize a canvas? I mean, it should have a simple way/parameter to do that. I am totally beginner on using it and I have no idea how to make my element fit the space that I reserved for it…is quite frustrating.

[image] Can't seem to change default Height on Graph Dash Python Summary of sizing graphs with Dash: In summary: Setting the size of the container is done with dcc.Graph(style={...}). These are CSS styles, so any units work: %, px, vh, vw. The Graph should expand into t…

Plot sizing problems

plotly.js

gerdekk February 14, 2019, 6:58am 25

Topic		Replies	Views
Ploty.js vertical resizing plotly.js	2	1417	April 29, 2021
Plotly graphs don't stretch to 100% 📊 Plotly Python	3	7295	November 23, 2020
Can't seem to change default Height on Graph Dash Python	35	54850	June 26, 2023
Plotly chart size not adaptable to the div container plotly.js question	0	806	July 28, 2022
React-plotly responsive chart not working plotly.js	4	13343	October 11, 2023

Plot sizing problems

Related topics