Включение функции выбора всех в обратный вызов Dash Plotly – Python

Я не очень разбираюсь в Dash, но вы можете попробовать внести пару изменений в объявление dcc.Dropdown, чтобы убедиться, что вы видите «Выбрать все». Во-первых, словарь «Выбрать все» добавлен в конец списка параметра options, а не в начало. Возможно, вы захотите переместить его в начало, чтобы оно появилось. Согласно документации:

Параметры, представленные в виде одного словаря, отображаются в браузере в произвольном порядке. Предоставление списка, содержащего словарь для каждого параметра, гарантирует отображение параметров в указанном порядке.

Во-вторых, у вас есть параметр dcc.Dropdownvalue, настроенный как value = 'Select All', но пример в документации указывает, что для него должно быть установлено значение соответствующего словаря, а не ключа:

dcc.Dropdown(
   options=[
       {'label': 'New York City', 'value': 'NYC'},
       {'label': 'Montreal', 'value': 'MTL'},
       {'label': 'San Francisco', 'value': 'SF'},
   ],
   value='MTL'
)

Следовательно, вы также можете попробовать изменить это на value = 'all'. В итоге:

    dcc.Dropdown(
        id = 'Type',
        options = [
            {'label': 'Select All', 'value': 'all'}
        ] + [
            {'label': x, 'value': x} for x in df['Type'].unique()
        ],
        value = 'all',
        multi = True,
        clearable = True,
        style = {'display': 'inline-block','margin':'0.1rem'}
    ),

Обработка выбора в порядке, но вам не хватает обновления компонента Dropdown.

Кроме того, в случае добавления чего-то еще к опции «Выбрать все» вы, вероятно, захотите очистить только выделение, но сохранить график без изменений. Можно отметить, что существуют противоположные случаи, которые заканчиваются одинаковым значением выбора, например. ['A', 'all']. Чтобы отличить их, вам необходимо отслеживать предыдущее состояние, что можно реализовать с помощью компонента dcc.Store.

Они суммируются следующими изменениями:

Дополнительный импорт

from dash import no_update
from dash.dependencies import State

Некоторые константы и вспомогательный метод создания диаграммы:

SELECT_ALL = 'all'  # to avoid string literals in the code

def make_figure(*, select_all=True, selected_values=None):

    if select_all:
        dff = df  # use source data frame
    
    elif selected_values is None:
        return go.Figure()  # result is empty without filter values

    else:
        dff = df[df['Type'].isin(selected_values)]  # filtered

    df_count = dff.groupby(['DATE', 'Type'])['DATE'].count().reset_index(
        name='counts')

    if df_count.empty:
        return go.Figure()

    return px.bar(x=df_count['DATE'],
                  y=df_count['counts'],
                  color=df_count['Type'])

Обновление макета:

filter_box = html.Div(children=[
    dcc.Store(id='session_select_all_types', data=True, storage_type='session'),
    html.Div(children=[
        dcc.Dropdown(
...

app.layout = dbc.Container([
    ...
    # Initialize with all types selected
    dcc.Graph(id='date-bar-chart',
              figure=make_figure(select_all=True)),

Перезвонить:

@app.callback(
    Output('date-bar-chart', 'figure'),
    Output('Type', 'value'),
    Output('session_select_all_types', 'data'),
    Input('Type', 'value'),
    State('session_select_all_types', 'data'))
def chart(value_type, select_all_types_previous):

    select_all_types = SELECT_ALL in value_type

    if select_all_types:
        if select_all_types_previous is True:
            return (no_update,     # you don't want to recreate a valid figure
                    [SELECT_ALL],  # force it to have an only Select all value
                    no_update)     # already True

        value_type = [SELECT_ALL]

    figure = make_figure(select_all=select_all_types,
                         selected_values=value_type)

    return (figure,
            value_type,        # update the selection
            select_all_types)  # update the flag in the session storage