Go candlestick graph in dash has a lot of stutter and lag when scroll zooming

I’ve exhausted trying to track down what I believe to be a bug and I have no idea what could be causing it.

I have two data sources OHLC that should be indistinguishable. My data is eurusd forex OHLC data that somehow has a lot of stutter and lag when using scroll zoom. The second data is Apple stock OHLC data from an example dash app I found on the web that has no stuttering or lag when scroll zooming. Both are read from csv on github in the code below. I’ve already verified this issue persists on two different windows machines.

#no index as time
import dash
import plotly.graph_objects as go
from jupyter_dash import JupyterDash
import pandas as pd
import dash_html_components as html
import dash_core_components as dcc

# my eurusd forex ohlc data below (has stutter and lag):
df = pd.read_csv('https://gist.githubusercontent.com/algostrat/e01326407e2b09fdd71d9ce11db714d3/raw/7fb2b8f265e84693de9b3b981ea4d86a19e24ba1/eurusd.csv')

# Apple ohlc from someone else (no stutter and lag):
# df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv')
# df = df.rename(columns={"AAPL.Open": "open", "AAPL.Low": "low", "AAPL.High":"high", "AAPL.Close":"close"})

app = JupyterDash(__name__)

config = dict({
    'scrollZoom': True,
    'displayModeBar': True,
    'displaylogo': False,
    'modeBarButtonsToRemove': ['toggleSpikelines'],
#     'yaxis': {
#         'fixedrange':True
#     }
})

fig = go.Figure(go.Candlestick(
        x=df.index,
        open=df['open'],
        high=df['high'],
        low=df['low'],
        close=df['close']
    ))

fig.update_layout(
    xaxis_rangeslider_visible=False,
    dragmode='pan',
    autosize=True,
    margin=dict(
        l=50,
        r=50,
        b=10,
        t=40,
        pad=1
    )
)
    
app.layout = html.Div([
    dcc.Graph(figure=fig, config=config),
])

app.run_server(mode='inline')