Python Plotly如何根据hoverlabel背景色动态设置字体颜色

可实现根据hoverlabel背景色动态设置字体颜色的效果，优先推荐无代码改动的规避方案即可解决问题：

方案1：规避已知缺陷，保留原生自动对比度逻辑（优先选择） #

你遇到的文字变透明问题仅在hoverlabel.bordercolor设为transparent时才会触发，只需调整边框色设置即可绕开bug：

• 不要直接设置hoverlabel.bordercolor = "transparent"，如果要实现视觉上的无边框效果，直接将边框色设置为与对应hoverlabel背景色完全一致的取值即可
• 该方案不需要手动指定字体颜色，Plotly原生自动校验颜色对比度、匹配高可读性文本颜色的逻辑可正常运行，适配所有不同配色的标签场景

方案2：确需边框透明时的动态适配方案 #

如果业务场景必须保留hoverlabel边框透明的效果，可通过如下方式实现动态字体色：

1. Python端生成图表时，先给每个数据系列预存对应的hover背景色取值到自定义属性中，示例代码如下：

import plotly.express as px

# 示例数据
df = px.data.iris()
fig = px.scatter(df, x="sepal_width", y="sepal_length", color="species")

# 给每个系列配置属性
for trace in fig.data:
    trace.hoverlabel.bordercolor = "transparent"
    # 存储当前trace对应的hover背景色，可根据实际需求调整背景色规则
    trace.customdata = [[trace.marker.color] * len(trace.x)]

2. 根据使用场景绑定动态计算逻辑：

• 若在Dash环境使用，给图表绑定hoverData回调，计算当前背景色的相对亮度，动态返回高对比度的字体颜色，亮度判断逻辑示例：

def get_contrast_color(hex_color):
    # 十六进制颜色转RGB
    hex_color = hex_color.lstrip('#')
    r = int(hex_color[0:2], 16)
    g = int(hex_color[2:4], 16)
    b = int(hex_color[4:6], 16)
    # 计算相对亮度
    luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255
    # 亮度高于阈值用黑色，否则用白色
    return "#000000" if luminance > 0.5 else "#ffffff"

• 若生成静态HTML图表，可注入JS代码监听hover事件，用同样的亮度判断逻辑动态修改label字体颜色即可。

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