Black Lives Matter. Please consider donating to Black Girls Code today.

How To insert Filter Dash Chart

Hi Guys,

O trying to get a easy way to create a filter in my chart below.

I this dfhora_p i have a columns that have different dates.

How to create a filter option that allow me to select the specific date?

#dfhora_p = dfhora_p.drop(dfhora_p[dfhora_p.Hora == 0].index)
groups52_uphcan = dfhora_p.groupby(by='PickType')


data52_uphcan = []
colors52_uphcan=get_colors(50)

for group52_uphcan, dfhora_p in groups52_uphcan:
    dfhora_p = dfhora_p.sort_values(by=['Hora'])
    trace52_uphcan = go.Scatter(x=dfhora_p.Hora.tolist(), 
                        y=dfhora_p.UPH_Unidades.tolist(),
                        marker=dict(color=colors52_uphcan[len(data52_uphcan)]),
                        name=group52_uphcan,
                        
                        )


    data52_uphcan.append(trace52_uphcan)

    layout52_uphcan =  go.Layout(xaxis={'title': 'Hora'},
                        yaxis={'title': 'Unidades Produzidas'},
                        margin={'l': 40, 'b': 40, 't': 50, 'r': 50},
                        hovermode='closest',
                        template='plotly_white',
                        title={
                                'text': "Unidades Produzidas Por / Hora Canal",
                                'y':.9,
                                'x':0.5,
                                'xanchor': 'center',
                                'yanchor': 'top'})
figure52_uphcan = go.Figure(data=data52_uphcan, layout=layout52_uphcan)