Plotly中折线标注文本不可见时如何改色、加描边或调整布局

三个方案均可以实现CPA折线标注文本始终可见的需求，具体实现方式如下：

• 方案A：文本进入柱状图区域时修改颜色
  可以通过逐点判断CPA数值与对应位置柱状图高度的大小关系，动态指定文本颜色。你只需要在go.Scatter的参数中新增textfont配置即可，示例代码如下：

textfont = dict(
    color = ['#ffffff' if cpa < bar_val else '#000000' 
             for cpa, bar_val in zip(bnk_wk_cpa['CPA - Bank'], bnk_wk_cpa['Registrazione - Bank'])]
)

如果CPA值低于柱状图高度就用白色文本，高于就用黑色，避免和紫色柱状背景混色。

• 方案B：为文本添加白色描边
  这个是兼容性最好、无需额外逻辑的方案，Plotly原生支持文本描边配置，效果和你谷歌表格实现的完全一致。同样在go.Scatter的参数中添加如下配置：

textfont = dict(
    color = '#FD009D', # 保留你原来的文本颜色
    stroke = dict(
        color = '#ffffff',
        width = 2 # 可根据显示效果调整描边粗细
    )
)

不管文本落在深色还是浅色区域，白色描边都能让文本清晰可见。

• 方案C：将折线绘制在两个图表中间
  可以实现，你当前的y轴配置里，下方柱状图用的y1、y2域是[0, 0.88]，上方Spend栏用的y3域是[0.92, 0.98]，只需要把CPA折线对应的次坐标轴y2的域调整到两个区域中间的空白位置，再适配y轴范围即可：

# 修改update_layout里的yaxis2配置
yaxis2={
    "domain": [0.8, 0.9], # 调整到y1和y3中间的空白区域
    "visible": False,
    "range": [min(bnk_wk_cpa['CPA - Bank'])*0.9, max(bnk_wk_cpa['CPA - Bank'])*1.1] # 适配CPA数值范围，保证折线完全显示
}

调整后折线会显示在下方柱状图和上方Spend栏中间的空白带，标注文本不会被任何元素遮挡。

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