Plotly Da sh: отображение переменной внутри текста Markdown - PullRequest
Новая
       97

Plotly Da sh: отображение переменной внутри текста Markdown

2 голосов
/ 27 мая 2020

Я новичок в экосистеме Da sh и Plotly и через несколько дней начал создавать веб-панель управления go.

Вот фрагмент кода: 

import dash
import dash_html_components as html
import dash_core_components as dcc


# initialize the application
app = dash.Dash()

# define the layout of the app
app.layout = html.Div([

# add a date range selector
dcc.DatePickerRange(
    id = 'my-date-picker-range',
    min_date_allowed = dt(2010,1,4),
    max_date_allowed = dt(2020, 12, 31),
    initial_visible_month = dt(2020, 5, 23)
),

html.Div(id = 'output-container-date-picker-range'),

# add some markdown text
dcc.Markdown(f'''
    This report covers the time period spanning {start_date} to {end_date}.
    '''),

])


@app.callback(
    dash.dependencies.Output('output-container-date-picker-range', 'children'),
    [dash.dependencies.Input('my-date-picker-range', 'start_date'),
     dash.dependencies.Input('my-date-picker-range', 'end_date')])

app.run_server(debug = True)

Я пытаюсь отобразить переменные start_date и end_date внутри текста уценки (используя f string). К сожалению, я получаю следующее сообщение об ошибке: 

NameError: name 'start_date' is not defined

Можно ли включить вывод переменных в текст Markdown? Спасибо!

1 Ответ

3 голосов
/ 27 мая 2020

Вы используете декоратор (@ app.callback), но не прикрепили его к выполняемой функции. Вам нужно прикрепить декоратор к функции, которая отвечает за обновление правого div.

Я думаю, лучше всего придерживаться документации .

Это дает результат, аналогичный тому, что вы хотите: 

import dash
import dash_html_components as html
import dash_core_components as dcc
from datetime import datetime as dt

# initialize the application
app = dash.Dash()

# define the layout of the app
app.layout = html.Div([

    # add a date range selector
    dcc.DatePickerRange(
        id = 'my-date-picker-range',
        min_date_allowed = dt(2010,1,4),
        max_date_allowed = dt(2020, 12, 31),
        initial_visible_month = dt(2020, 5, 23)
    ),

    html.Div(id = 'output-container-date-picker-range'),
])

@app.callback(
    dash.dependencies.Output('output-container-date-picker-range', 'children'),
    [dash.dependencies.Input('my-date-picker-range', 'start_date'),
     dash.dependencies.Input('my-date-picker-range', 'end_date')])
def update_output_div(start_date, end_date):
    return f"This report covers the time period spanning {start_date} to {end_date}"

app.run_server(debug = True)
...