Les onglets du tableau de bord ne sont pas développés lors du chargement de la page

Question

J'ai une application simple de type dash avec deux onglets. L'un pour afficher un graphique et l'autre pour porter du texte. Je vois le l'onglet dans un état plié et pour l'agrandir, je dois cliquer. Plutôt, Je veux que l'onglet soit dans un état étendu lorsqu'il est chargé. . Voici le code. J'ai essayé de spécifier la hauteur de la balise DIV (code non inclus), mais sans succès. Qu'est-ce que je manque ici ? J'apprécie votre aide. Merci.

import plotly.graph_objects as go
import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash(
    __name__,
    meta_tags=[{'name': 'Test'}],
)

layout_dashboard1 = html.Div(
    id="maindiv",
    children=[
        html.Div(children=[
            dcc.Tabs(id="tabs", value='tabs', children=[
                dcc.Tab(label='Tab 1', value='Tab 1',children=[
                        html.Div(
                            id="causal_card_graph",
                            children=[
                                dcc.Graph(id='graph1'),
                            ],
                        ),
                    ]),
                dcc.Tab(label='Tab 2', value='Tab 2', children=[html.Label("Test")]),
            ]),
        ]),
    ])

server=app.server
app.layout = layout_dashboard1

if __name__ == "__main__":
    app.run_server(debug=True)

Answer 1

J'ai eu le même problème. Pour résoudre ce problème, vous devez attribuer un value à votre dcc.Tab que vous souhaitez voir s'étendre. Ensuite, vous attribuez cette même valeur à l'élément dcc.Tabs élément. Je l'ai appelé tab-1-should-be-displayed dans le code ci-dessous.

import plotly.graph_objects as go
import dash
import dash_core_components as dcc
import dash_html_components as html

app = dash.Dash(
    __name__,
    meta_tags=[{'name': 'Test'}],
)

layout_dashboard1 = html.Div(
    id="maindiv",
    children=[
        html.Div(children=[
            dcc.Tabs(id="tabs", value='tab-1-should-be-displayed', children=[
                dcc.Tab(label='Tab 1', value='tab-1-should-be-displayed', children=[
                        html.Div(
                            id="causal_card_graph", 
                            children=[
                                dcc.Graph(id='graph1'),
                            ],
                        ),
                    ]),
                dcc.Tab(label='Tab 2', value='tab-2-should-be-displayed', children=[html.Label("Test")]),
            ]),
        ]),
    ])

server=app.server
app.layout = layout_dashboard1

if __name__ == "__main__":
    app.run_server(debug=True)