Plotly等高线图X轴标题移至底部失败，寻求解决方法

要把等高线图的X轴标题移到底部，只需在xaxis配置中添加"side": "bottom"，同时调整底部边距避免标题被裁剪。

修改后的完整代码 #

import pandas as pd
import plotly.graph_objects as go
import numpy as nump

# 初始化x、y坐标
cordof_x = nump.arange(0, 10, 0.2)
cordof_y = nump.arange(0, 10, 0.2)

# 定义颜色刻度
colorscale = [[0, '#FFC0CB'], [0.5, 'rgb(120,120,120)'], [1, '#0000FF']]

# 生成网格数据
[X, Y] = nump.meshgrid(cordof_x, cordof_y)
contour_function = nump.cos((X + 6) * (1 / 10)) + nump.sin((Y) * (-1 / 10))

# 创建等高线和散点轨迹
contour_trace = go.Contour(x=cordof_x, y=cordof_y, z=contour_function, showscale=False, ncontours=40, colorscale=colorscale, hoverinfo='skip')
scatter_trace = go.Scatter(x=[8], y=[5], mode='markers', marker=dict(symbol='star-diamond-dot', color="#FFBF00", size=24, line=dict(color="black", width=3)))

# 绘制图表并更新布局
contour_plot = go.Figure(data=[contour_trace, scatter_trace])
contour_plot.update_layout({
    "showlegend": False, "height":300, "width":300,
    "xaxis": {"title_text": "CategoryA", 'title_font': {"size": 22, "color": "black"}, "showticklabels": False, "dtick": 1, "range": [0, 10], "side": "bottom"},
    "yaxis": {"title_text": "CategoryB", 'title_font': {"size": 22, "color": "black"}, "showticklabels": False, "dtick": 1, "range": [0, 10]},
    "autosize": True, "plot_bgcolor": "rgba(0, 0, 0, 0)", "paper_bgcolor": "white", "margin": dict(l=0, r=0, b=40, t=0)})
contour_plot.show()

关键改动说明 #

1. 添加"side": "bottom"：Plotly等高线图默认X轴位于顶部，side参数才是控制轴（含标题、刻度）位置的核心配置，position参数仅用于调整轴在图表区域内的相对比例，无法改变上下位置。
2. 调整margin.b为40：原代码margin.b=0会导致底部标题被画布裁剪，设置足够的底部边距才能让标题正常显示。

调整后，X轴标题会像普通散点图一样显示在图表底部。

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