Как добавить еще один график в приложение Django Plotly Dash?

Итак, у меня есть существующий код, который генерирует множество данных и обновляется в режиме реального времени. Возможно ли создать новый график, как другой скаттер в том же файле или приложении? Я только начал использовать Plotly dash, я знакомлюсь с ним.

app = DjangoDash('SimpleExample')


app.layout = html.Div([
    # html.H1('Square Root Slider Graph'),
    dcc.Graph(id='slider-graph', animate=True,
              style={"color": "#15803D", 'color': '#000000'}),

    dcc.Interval(
        id='interval-component',
        interval=1*2000,  # in milliseconds
        n_intervals=0
    )
])


@app.callback(
    Output('slider-graph', 'figure'),
    [Input('interval-component', 'n_intervals')])
def display_value(n_intervals):

    data = {}
    now = datetime.now()
    data["temperature"] = random.randint(23, 25)
    data["tss"] = random.randint(5, 8)
    data["vss"] = random.randint(1, 4)
    data["bod"] = random.randint(1, 7)
    data["doc"] = random.randint(8, 13)
    data["cod"] = random.randint(5, 12)
    data["ph"] = random.randint(2, 13)
    data["turbidity"] = random.randint(1, 5)
    data["conductivity"] = random.randint(1, 7)
    date = now.strftime("%Y/%m/%d %H:%M:%S")

    gg = list(range(0, len(data)))

    x = gg
    y = list(data.values())

    graph = go.Scatter(
        x=x,
        y=y,
        # name='Manipulate Graph'
    )

    layout = go.Layout(
        paper_bgcolor='#ffffff',
        plot_bgcolor='rgba(0,0,0,0)',
        xaxis=dict(range=[min(x), max(x)]),
        yaxis=dict(range=[min(y), max(y)]),
        font=dict(color='black'),

    )
    return {'data': [graph], 'layout': layout}
Вернуться на верх