I have a problem with every chart in my webapp, whereby the position of the hovertext/caret location within the chart does not correspond to the position of the cursor in the webapp. There seems to be a substantial offset of 2 - t tick points, depending on the chart (see attached). I’ve tried using ‘hovermode’ : ‘closest’ in my chart figure layouts, but this seems to do nothing. My charts are typically embedded in html as below, with my figures generated in the callback functions:
html.Div(className='row', children=[html.Div(id='stacked_ce-bar', className='six columns'), html.Div(id='stacked_iagi-bar', className='six columns')]),
This seems such a basic problem that I imagine that the solution is quite simple! but multiple googles have produced nothing, so I thought that I would ask here. Any help would be gratefully received!