Plotly.js分组条形图中禁用字体大小自动调整的方法

方法1：强制固定字体并关闭自动缩放 #

Plotly默认会根据条形宽度自动调整文本尺寸，你可以通过明确设置textfont并关闭自动缩放功能来强制固定字体大小。如果用Plotly Express，可通过update_traces实现：

import plotly.express as px

# 示例数据
df = px.data.tips()
fig = px.bar(df, x="day", y="total_bill", text="total_bill")

# 强制设置外部文本样式，关闭自动缩放
fig.update_traces(
    textposition='outside',
    textfont=dict(size=14, color='black', autosize=False),
    # 若需要固定内部文本，同步设置insidetextfont
    insidetextfont=dict(size=14, color='black', autosize=False)
)

fig.show()

方法2：调整条形宽度避免触发自动缩放 #

如果条形过窄会触发Plotly的文本自动缩放逻辑，你可以手动调整条形宽度或间距，给文本留出足够空间：

# 减小条形间距，变相加宽条形
fig.update_layout(bargap=0.2)

# 或者直接设置单根条形的宽度
fig.update_traces(width=0.8)

方法3：用自定义注释替代内置文本 #

如果前两种方法无效，可放弃Plotly内置的文本显示，改用自定义注释手动添加文本，完全掌控字体样式：

for idx, val in enumerate(df['total_bill']):
    fig.add_annotation(
        x=df['day'][idx],
        y=val,
        text=str(round(val, 2)),
        font=dict(size=14, color='black'),
        showarrow=False,
        yshift=10  # 控制文本在条形上方的偏移量
    )

注意：确保你的Plotly版本为较新版本，部分旧版本可能存在参数兼容问题，导致设置不生效。

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