View jumps when zooming line graph

I am experiencing the same problem described in this issue for Plotly.js.

In my python implementation, the line graph is so configured:

{
    "xaxis": dict(
        gridcolor="rgba(128, 128, 128, 0.2)",
        zerolinecolor="rgba(128, 128, 128, 0.2)",
        showgrid=True,
        type="date",
        tickformatstops=(
            [dict(dtickrange=[None, None], value="%a %d %b %y - %H:%M")]
        ),
    ),
    "yaxis": dict(
        gridcolor="rgba(128, 128, 128, 0.2)",
        zerolinecolor="rgba(128, 128, 128, 0.2)",
        showgrid=True,
    ),
    "spikedistance": -1,
    "xaxis_showspikes": True,
    "yaxis_showspikes": True,
    "xaxis_spikemode": "across",
    "yaxis_spikemode": "across",
    "xaxis_spikecolor": "rgba(255,255,255,0.5)",
    "yaxis_spikecolor": "rgba(255,255,255,0.5)",
    "xaxis_spikethickness": 1,
    "yaxis_spikethickness": 1,
}

The problem seems to surface when the tick text is long enough and when zooming will cause the tick text to end up at a particular distance from the edge of the line graph. I notice it happens more often when the tick text overflows following a zoom and will be subsequently hidden.

The issue won't occur if I do:

tickformatstops=(
   [dict(dtickrange=[None, None], value="%H:%M")]`
),

Because the resulting tick text won't be long enough.

首先，使用 issue 中所示的 Python 配置和较长的日期刻度标签重现缩放行为，然后将其与 Plotly.js issue 7438 进行比较。检查缩放后隐藏溢出的刻度文本时是否会发生跳变。完成的标准是：使用较长的刻度标签时图表不再跳变，同时较短的 %H:%M 格式不受影响。