如何消除纵向折线图导致的图表上下大面积内边距？

当用Plotly绘制100个数据点的横向柱状图（orientation="h"）搭配纵向折线时，出现上下超大内边距，核心原因是Plotly自动布局时，折线的数值型y轴和柱状图的类别型y轴范围计算冲突，导致布局引擎错误预留了大量空白。下面是几种实用解决方法：

方法1：手动强制设置上下边距 #

直接在布局里指定上下边距的具体数值，覆盖自动计算的错误值：

import plotly.graph_objects as go

# 构造100个测试数据
categories = [f"类别{i}" for i in range(100)]
bar_values = [i*1.2 for i in range(100)]
line_values = [i*0.8 for i in range(100)]

fig = go.Figure()
# 添加横向柱状图
fig.add_trace(go.Bar(y=categories, x=bar_values, orientation='h'))
# 添加纵向折线
fig.add_trace(go.Scatter(x=line_values, y=categories, mode='lines+markers'))

# 手动设置上下边距，数值可根据图表实际显示调整
fig.update_layout(
    margin=dict(t=40, b=40, l=120, r=40)
)

fig.show()

方法2：统一折线的y轴绑定 #

把折线的y轴明确绑定到柱状图的类别y轴，避免布局引擎处理两个不同类型的轴：

# 在添加折线时指定y轴为柱状图的主y轴
fig.add_trace(go.Scatter(
    x=line_values, 
    y=categories, 
    mode='lines+markers',
    yaxis='y'  # 强制使用主y轴（类别轴）
))

# 锁定y轴范围，刚好覆盖所有100个类别
fig.update_yaxes(range=[-0.5, len(categories)-0.5])

方法3：用子图共享同一y轴 #

通过子图让两个图表共享y轴，彻底避免轴类型冲突问题：

from plotly.subplots import make_subplots

# 创建共享y轴的子图
fig = make_subplots(specs=[[{"secondary_y": False}]])

# 添加两个图表到同一子图，共享y轴
fig.add_trace(go.Bar(y=categories, x=bar_values, orientation='h'), secondary_y=False)
fig.add_trace(go.Scatter(x=line_values, y=categories, mode='lines+markers'), secondary_y=False)

# 调整边距优化显示
fig.update_layout(margin=dict(t=30, b=30))
fig.show()

以上三种方法都能解决100个数据点时的上下内边距问题，测试后图表会恢复正常紧凑的布局。

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