标签未显示在 Dash Dropdown 中

Question

I have two separate Dash dropdowns I am trying to create and the second one (id= 'select_range' is not displaying the option labels when I run the app.

The error I am receiving:

Invalid argument `options` passed into Dropdown with ID "select_range".
Expected one of type [object].
Value provided: 
[
  {
    "Label": "Last 12 months",
    "value": 12
  },
  {
    "Label": "Last 6 months",
    "value": 6
  },
  {
    "Label": "Last month",
    "value": 1
  }
]

from dash import Dash
from dash.dependencies import Input,Output
from dash import dcc
from dash import html
import dash_bootstrap_components as dbc

app = Dash(__name__,external_stylesheets= [dbc.themes.DARKLY])

app.layout = html.Div([
    html.H1("My Budget Report", style={'text-align': 'center', 'color': 'white'}),

    html.Div([
        html.Div([
            dcc.Dropdown(id="select_visual",
                         options=[
                             {"label": "Income_Expense", "value": 'Income_Expense'},
                             {"label": "Expense_Breakdown", "value": 'Expense_Breakdown'},
                             {"label": "Monthly_Expenses", "value": 'Monthly_Expenses'}],
                         multi=False,
                         value='Income_Expense',
                         style={'width': "60%"},
                         placeholder='Please select...',
                         clearable=False)], className='six columns'
        ),
        html.Div([
            dcc.Dropdown(
                id="select_range",
                options=[
                    {"Label": "Last 12 months", "value": 12},
                    {"Label": "Last 6 months", "value": 6},
                    {"Label": "Last month", "value": 1}],
                multi=False,
                value='Last 12 months',
                style={'width': '60%', 'margin-left': '295px'}
            ), ], className='six columns',
        )
    ], className= 'row'),



    html.Div(
        dcc.Graph(
                id='Graphs', figure={},style={'height':'80vh'}
                    ))

])

Answer 1

You use "Label" key, while you need to use "label" (lowercase).

options=[
    {"label": "Last 12 months", "value": 12},
    {"label": "Last 6 months", "value": 6},
    {"label": "Last month", "value": 1}
]

should work.

And you have to use value for "value" parameter, so:

value=12