Запуск Dash plotly после нажатия кнопки

Допустим, у меня есть приборная панель, которая содержит много информации и графиков.

У меня есть выпадающий список, который генерирует Plots, и другой выпадающий список с именем Wells.

У меня есть график, который я создал с помощью dash, и он работает очень хорошо, но с фиксированным входом!

а также dash plots этот сюжет в начале страницы :( !

Мой вопрос заключается в том, как предотвратить прямое построение графика и выполнение dash после нажатия кнопки, которая берет выбранный элемент из списка Wells и обратный вызов функции и повторное построение графика.

Итак, это моя HTML страница :

<div class="col-md-3" >
<select class="custom-select mb-4" name="Wells" hx-get="{% url 'addplotly' %}" hx-trigger="change" hx-target="#plotly_production" hx-include="[name='Toggle']">
    <option selected>Select Well</option>
    {% for well in TFTWells %}
    <option value="{{well.WellID}}">{{well.WellID}}</option>
    {% endfor %}
</select>
</div>

а это мой сценарий тире:

app = DjangoDash('Pressure_guage', external_stylesheets=external_stylesheets)
app.layout = html.Div(
    id="dark-light-theme",
    children=[
        html.Div([html.H3("Pressure Control", style={"textAlign": "center"}),], className="row"),

        html.Div([
                html.Div(
                    daq.Gauge(
                        #size=150,
                        color={"gradient":True,"ranges":{"green":[0,the_maxCSG/3],"yellow":[the_maxCSG/3,the_maxCSG*6/7],"red":[the_maxCSG*6/7,the_maxCSG]}},
                        id="my-daq-gauge1", min=0, max=the_maxCSG, value=PRES_CSG, label="CSG "+str(PRES_CSG)+" bar",style={'display': 'inline-block'}
                    ),
                    className="three columns",
                ),
                html.Div(
                    daq.Gauge(
                        #size=150,
                        color={"gradient":True,"ranges":{"green":[0,the_max/3],"yellow":[the_max/3,the_max*6/7],"red":[the_max*6/7,the_max]}},
                        id="my-daq-gauge2", min=0, max=the_max, value=PRES_TBG, label="TBG "+str(PRES_TBG)+" bar",style={'display': 'inline-block'}
                    ),
                    className="three columns",
                ),
                html.Div(
                    daq.Gauge(
                        #size=150,
                        color={"gradient":True,"ranges":{"green":[0,the_maxAVD/3],"yellow":[the_maxAVD/3,the_maxAVD*6/7],"red":[the_maxAVD*6/7,the_maxAVD]}},
                        id="my-daq-gauge3", min=0, max=the_maxAVD, value=PRES_AVD, label="AVD",style={'display': 'inline-block'}
                    ),
                    className="three columns",
                ),
                html.Div(
                    daq.Gauge(
                        color={"gradient":True,"ranges":{"green":[0,the_maxGL/3],"yellow":[the_maxGL/3,the_maxGL*6/7],"red":[the_maxGL*6/7,the_maxGL]}},
                        id="my-daq-gauge4", min=0, max=the_maxGL, value=RESEAU_GL, label="GL",style={'display': 'inline-block'}
                    ),
                    className="three columns",
                ),
            ],
            className="row",
        ),
    ],
)


 

Итак, как я могу сделать это, используя кнопку и обратный вызов, который принимает название скважины?

Вернуться на верх