Black Lives Matter. Please consider donating to Campaign Zero's mission of ending police violence in America.
https://www.joincampaignzero.org

Probelm in mouse over dcc.Graph

Hi,

Need your help on below issue. my mouse pointer on right and the value display on left. I could see some gaps in displaying the hover data… Please help…

Hi… can anyone help me please?

Hm, looks like a bug. Can you share the dataset or the app so that we can recreate it on our end?

Hi,

Sorry for the delay in response. I tried with different Dataset as well. But no luck.

Below is the code. Kindly help…

app.layout = html.Div([

	dbc.Row([
                dbc.Col(dcc.Loading(id="uploadchartload",children=(dcc.Graph(id='uploadchart', config={'displayModeBar': False},style={'height':'70vh'})), type="default"),width=6),
            ]),
			
			
@app.callback(
    dash.dependencies.Output('uploadchart', 'figure'),
    [dash.dependencies.Input('my-date-picker-range', 'start_date'),
     dash.dependencies.Input('my-date-picker-range', 'end_date')])
def updategraph(start_date, end_date):
    start_date = dt.strptime(re.split('T| ', start_date)[0], '%Y-%m-%d')
    sdate = start_date.strftime('%d-%b-%y')
    end_date = dt.strptime(re.split('T| ', end_date)[0], '%Y-%m-%d')
    edate = end_date.strftime('%d-%b-%y')
    userqry="select to_char(d_upload_date,'dd-mon-yy HH24') Time, count(1) cnt from datatable where trunc(d_upload_date) between '" + sdate +"' and '" + edate +"' group by to_char(d_upload_date,'dd-mon-yy HH24') order by 1"
    conn1 = pt.open_connection("config.yml")
    df1 = pt.query_to_df(userqry, conn1, 10000)
    df1[['TIME']] = df1[['TIME']].apply(pd.to_datetime)
    df1[['CNT']] = df1[['CNT']].astype(int)
    val = df1[['TIME', 'CNT']]
    figure={
                'data': [
                    {'x': val['TIME'], 'y': val['CNT'], 'type': 'line', 'name': 'Users'},
                ],
                'layout': {
                'modeBar': 'false',
                'title': 'Trend',
                'yaxis': {
                        'title':' Volume'
                        },
                }
            }
    return (figure)