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…

I am having the same problem, its pretty frustrating, because making a web-based 3d-graph is the reason i invested in plotly/dash. What i can add, that the 450 px shows up in the dom in svg elements: <div class="svg-container" style="position: relative; width: 2932.92px; height: 450px;"><svg class…

I used the following to work around the bug (i.e. chart not resizing properly when window height reduced) - in my case the chart is in div#content, and I want it to be 40px shorter than full window due to header and footer. After calling Plots.resize() I check dimensions, and if not correct I set my…

I am having same problem with spitting out a dcc.Graph through python Dash code and don’t know how to change the default 450px height on the chart. None of the settings I tried worked. For your workaround you give JS code. How do I translate it to python or how should it related to the python cod…

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…

@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.

Plot sizing problems

plotly.js

gennadyi December 1, 2017, 7:40pm 18

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

Topic		Replies	Views
Ploty.js vertical resizing plotly.js	2	1416	April 29, 2021
Plotly graphs don't stretch to 100% 📊 Plotly Python	3	7294	November 23, 2020
Can't seem to change default Height on Graph Dash Python	35	54843	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	13341	October 11, 2023

Plot sizing problems

Related topics