Dcc.Graph Awkward modebar position

@Gaatneet wrote:

When i manually set the margins of a Dcc.graph to be smaller than default, it makes the modebar position awkwardly around the righthand corner.

Also when trying to hover a datapoint above the modebar it does not display any tooltip, however this does not concern me too much.

The following code will give an example of this happening:

---

import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash()
app.layout = html.Div([
html.Div(dcc.Graph(
figure={‘data’: [{
‘type’: ‘scatter’,
‘y’: [1,2,3,4,5,6,7]
}],
‘layout’: {
‘height’:400,
‘margin’: {‘l’: 60, ‘r’:10, ‘b’:40, ‘t’: 40, ‘pad’: 4}
}
}),
id=‘graph1’,
)
])

if name == ‘main’:
app.run_server()

---

Is it possible to reposition the modebar to make it snug in the upper right corner ?

Posts: 1

Participants: 1

Read full topic