Plotly Python折线图添加标记后X轴间隙的解决方法

出现间隙的原因是Plotly自动调整了X轴范围以适配新增的散点trace，即便这个散点和折线的最后一个点完全重合。可以用以下几种方法解决：

方法一：直接在折线图中添加最后一个点的标记（无需新增trace） #

不用额外添加Scatter trace，直接修改原始折线图的标记样式，只保留最后一个点的标记：

import plotly.express as px

df = px.data.gapminder().query("country=='Canada'")
fig = px.line(df, x="year", y="lifeExp", title='Life expectancy in Canada')

# 只给最后一个数据点添加标记
fig.update_traces(
    marker=dict(size=10, color='red'),
    selectedpoints=[len(df)-1],
    mode='lines+markers'
)
fig.show()

方法二：添加trace后手动锁定X轴范围 #

如果一定要用新增Scatter trace的方式，添加后手动设置X轴范围为原始数据的年份区间，避免自动扩展：

import plotly.express as px
import plotly.graph_objects as go

df = px.data.gapminder().query("country=='Canada'")
fig = px.line(df, x="year", y="lifeExp", title='Life expectancy in Canada')

fig.add_trace(
    go.Scatter(
        x=[df["year"].values[-1]],
        y=[df["lifeExp"].values[-1]],
        mode='markers',
        marker=dict(size=10, color='red')
    )
)

# 锁定X轴范围为原始数据的最小和最大年份
fig.update_layout(
    xaxis=dict(range=[df['year'].min(), df['year'].max()])
)
fig.show()

方法三：使用Plotly的extendtraces方法（更简洁） #

利用extendtraces给现有折线trace添加最后一个点的标记，不会改变轴范围：

import plotly.express as px

df = px.data.gapminder().query("country=='Canada'")
fig = px.line(df, x="year", y="lifeExp", title='Life expectancy in Canada')

# 给最后一个点添加标记
fig.extendtraces(
    dict(
        marker=dict(size=[10], color=['red']),
        mode=['lines+markers']
    ),
    traces=[0]
)
fig.show()

内容的提问来源于stack exchange，提问作者kismsu