Plotly散点图：无法将颜色栏移至左侧的解决方法

你之前尝试的fig.update_coloraxes(colorbar_xanchor='left')仅设置了颜色栏的锚点，但未调整它的水平位置，所以无法将其移到左侧。正确做法是通过配置颜色栏的x坐标，同时调整图表左侧边距避免截断。

修改后的完整代码 #

import plotly.express as px

data_y = [758, 742.19, 731.57, 728.36, 718.76, 707.56]
data_x = [10, 9, 8, 7, 6, 5]

data_x_labels = ['A', 'B', 'C', 'D', 'E', 'F']

fig = px.scatter(x=data_x, y=data_y, trendline="ols",
                  trendline_color_override="black",)

fig.update_traces(marker=dict( size=10, color=data_y,
                              colorscale='YlGn', showscale=True, 
                              reversescale=False, opacity=1),
                 )

fig.update_coloraxes(colorscale="YlGn")

# 关键：调整颜色栏位置到左侧，并修改左侧边距
fig.update_layout(
    coloraxis_colorbar=dict(
        x=-0.2,  # 负数将颜色栏移到图表左侧外部
        xanchor='right'  # 锚点设为右侧，避免颜色栏超出可视区域
    ),
    width=650, 
    height=600, 
    margin=dict(l=80, r=50, b=50, t=50)  # 增大左侧边距，容纳颜色栏
)

fig.update_xaxes(tickvals=data_x, ticktext=data_x_labels)

fig.show()

核心说明 #

• coloraxis_colorbar=dict(x=-0.2)：通过设置x为负数，将颜色栏定位到图表左侧的外部区域（x=0对应图表左边缘，x=1对应右边缘）。
• xanchor='right'：把颜色栏的右侧作为锚点对齐到x=-0.2的位置，确保颜色栏完整显示。
• 增大margin.l的值：避免颜色栏被左侧边距截断，保证其可见。

你也可以直接在update_traces的marker参数里配置colorbar属性，效果一致：

fig.update_traces(marker=dict( 
    size=10, 
    color=data_y,
    colorscale='YlGn', 
    showscale=True, 
    reversescale=False, 
    opacity=1,
    colorbar=dict(x=-0.2, xanchor='right')  # 直接在这里设置颜色栏位置
),)

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