如何在Plotly桑基图（Sankey Diagram）的标题和图表之间增加空白间距？

你可以通过调整Plotly布局中title的内边距参数，配合顶部边距设置解决重叠问题，具体操作如下：

方法1：配置title的底部内边距（最直接） #

Plotly的title属性支持pad参数，其中pad.b用来控制标题底部和下方图表的间距，数值越大间距越大，你可以根据自己的标题行数调整数值。修改后的代码如下：

line2="From time: "+str(time_from)+" to time: "+str(time_to)
line3="\nDATA 1:"+"{:.4f}".format(pue)
line4="\nDATA 2 :"+"{:.4f}".format(ere)

layout =  dict(
    title = dict(
        text = 'TITLE HERE'+ '<br>' + '<span style="font-size: 12px;">'+line2+'</span>' + '<br>' + '<span style="font-size: 12px;">'+line3+'</span>' + '<br>' + '<span style="font-size: 12px;">'+line4+'</span>',
        # 调整底部内边距，可根据实际效果修改数值
        pad = dict(b = 60)
    ),
    # 调整画布顶部边距，避免标题内容被截断
    margin = dict(t = 130)
)

方法2：调整标题垂直位置（可选配合使用） #

如果标题行数过多，还可以通过title.y参数调整标题在画布中的垂直位置，数值范围为0-1，1对应画布最顶端，0对应画布最底端。配合调高margin.t的数值，可以给标题留出更多顶部空间，进一步拉开和下方桑基图的距离，示例配置如下：

layout =  dict(
    title = dict(
        text = 'TITLE HERE'+ '<br>' + '<span style="font-size: 12px;">'+line2+'</span>' + '<br>' + '<span style="font-size: 12px;">'+line3+'</span>' + '<br>' + '<span style="font-size: 12px;">'+line4+'</span>',
        pad = dict(b = 60),
        # 调整标题垂直位置，数值越大越靠近画布顶端
        y = 0.97
    ),
    margin = dict(t = 150)
)

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