如何对齐Plotly折线图的多行标题

你遇到的多行标题错位问题，是因为Plotly默认未对<br>手动换行的标题设置统一对齐规则，可通过以下两种方法实现规范对齐：

方法1：通过update_layout配置标题属性（更推荐） #

直接用字典格式定义标题的全部属性，可灵活控制对齐位置、锚点及多行相对对齐规则：

import pandas as pd
import numpy as np
import plotly.express as px

s = pd.Series(np.random.randn(5), index=["a", "b", "c", "d", "e"])
fig = px.line(s)

# 配置多行标题及对齐规则
fig.update_layout(
    title = {
        'text': '这是一个模拟数据集<br>现在这行内容已经和上方文字对齐了',
        'x': 0, # 标题整体的水平位置，0为画布最左侧，0.5为居中，1为最右侧
        'xanchor': 'left', # 标题锚点，和x参数配合实现精确定位
        'align': 'left' # 多行文本内部的相对对齐方式，可选left/center/right
    }
)
fig.show()

如果你需要标题整体居中、多行也都居中对齐，只需要把x设为0.5，xanchor设为center，align设为center即可。

方法2：在标题字符串中嵌入HTML对齐标签 #

无需修改布局配置，直接在标题内容外层包裹HTML对齐标签：

# 左对齐示例
fig = px.line(s, title='<p align="left">这是一个模拟数据集<br>现在这行内容已经和上方文字对齐了</p>')

# 居中对齐示例
fig = px.line(s, title='<p align="center">这是一个模拟数据集<br>现在这行内容已经和上方文字对齐了</p>')

该方法调整灵活度较低，仅适合简单对齐需求。

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