如何为Plotly指定子图添加矩形坐标轴边框

要为上方的KDE子图添加矩形边框，你需要为该子图对应的xaxis2补充配置，并启用坐标轴的显示线属性，同时设置线条样式。关键修改如下：

修改布局配置 #

在你的layout中补充xaxis2的定义，并为xaxis2和yaxis2添加边框相关设置：

layout = go.Layout(
    xaxis1=go.layout.XAxis(
        domain=[0.00, 1],
        anchor="x1",
        showticklabels=False),
    yaxis1=go.layout.YAxis(
        domain=[0.01, 0.17],
        anchor="y1",
        showticklabels=False,
        title=go.layout.yaxis.Title(
            font=dict(
                family='Courier New, monospace',
                size=15,
                color='#7f7f7f'))),
    # 新增上方子图的x轴配置
    xaxis2=go.layout.XAxis(
        domain=[0.00, 1],
        anchor="y2",  # 与上方子图的y轴锚定
        showticklabels=True,
        showline=True,  # 显示轴线
        linecolor='black',  # 边框颜色
        linewidth=1,  # 边框宽度
        mirror=True  # 镜像显示轴线，形成完整矩形
    ),
    yaxis2=go.layout.YAxis(
        domain=[0.17, 1],
        anchor="y2",
        showticklabels=True,
        title=go.layout.yaxis.Title(
            text='Probability Density',
            font=dict(
                family='Courier New, monospace',
                size=15,
                color='#7f7f7f')),
        showline=True,  # 显示y轴线
        linecolor='black',
        linewidth=1,
        mirror=True  # 镜像显示右侧轴线
    ),
)

关键说明 #

1. 补充xaxis2配置：你的上方子图轨迹已指定xaxis="x2"，但原布局未定义xaxis2，补充后才能为该子图添加独立的x轴边框。
2. 启用轴线显示：通过showline=True开启坐标轴的线条显示。
3. 完整边框设置：mirror=True会让轴线在坐标轴的另一侧也显示（比如x轴的上下边缘、y轴的左右边缘），从而形成闭合的矩形边框。
4. 样式定制：通过linecolor和linewidth可以调整边框的颜色和粗细，匹配你的需求。

将上述布局替换原代码中的layout部分后，运行代码即可得到带有上方子图边框的效果。

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