Plotly go.Indicator如何修改数值颜色且不改变后缀颜色

你可以通过在数值中嵌入内联HTML样式单独控制数值颜色，全局number.font.color设置为后缀需要的颜色即可，两者互不影响。该方法利用Plotly原生支持的内联HTML样式解析能力，不需要修改其他配置，即可实现数值和后缀颜色独立设置的效果。

修改后的代码如下：

topchoicename = go.Figure()
topchoicename.add_trace(go.Indicator(
        mode="number",
        number={
            # 此处font.color设置的是后缀的显示颜色，可自行修改对应色值
            "font": {"size": 15, "color": "black"},
            "suffix":top_choice['CarrierName'].iloc[0]
        },
        # 用span标签包裹数值，单独设置数值的显示颜色，这里示例为红色，可自行修改色值
        value=f"<span style='color:red'>1</span>",
        gauge={'shape': "bullet"},
        domain={'x': [0, 1], 'y': [0, 1]},
    ))
topchoicename.update_layout(paper_bgcolor="rgba(0,0,0,0)",
                       plot_bgcolor="rgba(0,0,0,0)",
                       autosize=False,
                       width=150,
                       height=20,
                       )

topchoicename.update_traces(align="center", selector=dict(type='indicator'))

如果你的数值是动态变量，替换上述代码中span标签里的1为对应的变量即可：

# 示例：动态数值变量为actual_value
value=f"<span style='color:red'>{actual_value}</span>"

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