I have a dash app that uses bootstrap to create a dynamic layout depending on screen size. This means that I can usually just set the width of my dcc.Graph objects to 100% to fill the width of the dynamic container. I came across a bug that when hiding content in a html.Details div that is closed on…

Hm, my guess is that the html.Details tag isn’t providing it’s children content with the dimensions when it is closed. So, the dcc.Graph tries to infer its dimensions but those dimensions aren’t supplied. I’m actually not sure what the solution is. Maybe there is some event listener on dimension pr…

The same thing happens on Divs that are initially loaded with display=hidden: # -*- coding: utf-8 -*- import dash from dash.dependencies import Input, Output import dash_core_components as dcc import dash_html_components as html import plotly.graph_objs as go import numpy as np app = dash.Dash(__n…

Is this an issue for plotly.js rather than dash? Is the best thing for this to create an issue on the plotly.js repo? I should really learn some java script so I can contribute :slight_smile:

ahh…i bump into same issue as well :neutral_face: [image] Graph doesn't scale according to the div size plotly.js the problem occur when i am using hover/click to show block feature. when i turn off the css the size of both graph are matching with the designated div widt…

[image] mikesmith1611: Is this an issue for plotly.js rather than dash? Is the best thing for this to create an issue on the plotly.js repo? Hard to say which library will end up making the fix. But yeah, why don’t you create an issue in plotly.js and reference this issue (and tag me) and we …

Having this issue while embedding Plotly.js into Reveal.js, so thinking this is going to be an issue with a lot of frameworks, if we can fix it in plotly all the better. Was an issue opened?

Yes there is a plotly.js issue: https://github.com/plotly/plotly.js/issues/2769

Hi! could you tell me if there are any changes on this issue?

Bumped into the issue but can’t find a good solution… does anyone knows the solution to this problem?

Plotly resize bug using html.Details / hidden Div and width=100%

Dash Python

zhsee July 2, 2018, 2:32pm 6

ahh…i bump into same issue as well

dcc.Graph: How to force figure's layout to refresh after the class of its container was updated (bootstrap + sidebar + responsive)

Topic		Replies	Views
Display:none mess up plot ly's graph	3	2330	November 16, 2017
How to force dcc.Graph to resize? Dash Python	5	15378	November 20, 2018
Graph doesn't scale according to the div size plotly.js	1	2456	June 30, 2018
Displaying a hidden div changes the layout Dash Python	1	2322	October 16, 2019
Dynamically change responsive layout plotly.js	5	7414	May 15, 2019

Plotly resize bug using html.Details / hidden Div and width=100%

Related topics