Установите диапазон оси xaxis plotly dash

Как я могу установить максимальный вид данных, чтобы линейный график не был переполнен. Мой график выглядит следующим образом image, как вы можете видеть, линии переполнены. Я хочу, чтобы он также выглядел так изображение. Будут просматриваться только последние 9 данных

app.layout = html.Div([
    html.Div(style={'display': 'flex'}, children=[
        dcc.Graph(
            id='graph-ph',
            config={
                'displayModeBar': False,
                'displaylogo': False,
                'modeBarButtonsToRemove': ['zoom2d', 'hoverCompareCartesian', 'hoverClosestCartesian', 'toggleSpikelines']
            },
            figure={
                'data': [
                    {'x':  [],
                     'y': [0, random.random()],
                     'mode':'lines+markers',
                     }],
                'layout': {
                    'title': 'pH (pH)',
                    'xaxis': {
                        'rangeslider': {'visible': True},
                    },

                },

            },

        ),
])


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

    trace_selection = 0
    x_new = datetime.datetime.now()
    y_new = random.random()

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

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