Can't seem to change default Height on Graph

Dash Python
28

Looking at this issue again, it seems like the “issue” is just inheritance. By default, the graph component isn’t “inheriting” the parent div’s height.

So, this won’t work:

html.Div([
    html.Div(style={'height': '50vh'}, children=dcc.Graph(figure={
        'data': [{
            'x': [1, 2, 3],
            'y': [3, 1, 2]
        }]
    }, style={})),
])

but this will work:

html.Div([
    html.Div(style={'height': '50vh'}, children=dcc.Graph(figure={
        'data': [{
            'x': [1, 2, 3],
            'y': [3, 1, 2]
        }]
    }, style={'height': 'inherit'})),
])
4 Likes