plotly-dash：缩小后如何获得预定义的yaxis范围？

Question

When I create a graph in plotly-dash, I define a fix range for the yaxis:

...
'layout': go.Layout(title='Graph', xaxis=dict(title="Time"), yaxis=dict(... , range=[0, 100], ...),
...

This works fine.

But after a zoomout event (doubleclick in the chart) the yaxis is autoscaled by the given data range. Is there a way to turn the autoscaling on zoomout off? Or exists any other way to solve this problem?

Answer 1

go.Layout and eg go.Scatter are eventually passed to go.Figure . In dash the go.Figure object is than passed on to dcc.Graph .

dcc.Graph accepts an config argument which is able to set which buttons to show, logo, how events are handled and much more.

from the doc-string of dcc.Graph :

- doubleClick (a value equal to: false, 'reset', 'autosize', 'reset+autosize'; optional):   Double click interaction (false, 'reset', 'autosize' or 'reset+autosize')

example

dcc.Graph(
    figure=go.Figure(data, layout),
    config={'doubleClick': 'autosize'}
)

abbreviations :

dcc short for dash_core_components
go short for plotly.graph_objs

references :

• https://plot.ly/python/configuration-options/
• https://github.com/plotly/plotly.js/blob/master/src/plot_api/plot_config.js#L6
• https://github.com/plotly/dash-core-components/blob/c107e0fc5e5c6e7a238e5570ea6a619533121575/dash_core_components/Graph.py#L70