Plotly Dash. Как ретранслировать ось x графика, чтобы он не выглядел перегруженным?

У меня есть существующий код, который может обновлять и расширять данные в диаграмме рассеяния, выглядит это следующим образом. image1. Я хочу ретранслировать ось xaxis графика с максимальным диапазоном из 9 данных, чтобы линии не были переполнены, вот так. image2

app.layout = html.Div([
    html.Div(style={'display': 'flex'}, children=[
        dcc.Graph(
            id='graph-ph',
             figure={
                 'data': [
                     {'x':  [],
                      'y': [0, random.random()],
                      'mode':'lines+markers',
                      }],
                 'layout': {
                     'title': 'pH (pH)'
                 }},
             ),
]),
    dcc.Interval(
        id='interval-graph-update',
        interval=1000,
        n_intervals=0),
])

@app.callback(Output('graph-ph', 'extendData'),
              [Input('interval-graph-update', 'n_intervals')],
              [State('graph-ph', 'figure'),
               ])
def update_extend_traces_traceselect(n_intervals, existing):
    x_new = datetime.datetime.now()
    y_new = random.random()

return dict(x=[[x_new]], y=[[y_new]])

Вернуться на верх