在 Plotly Express 中删除自定义悬停卡右侧的颜色

Posted 2023-02-18

【中文标题】在 Plotly Express 中删除自定义悬停卡右侧的颜色

【英文标题】：Remove color to the right of custom hovercard in Plotly Express

【发布时间】：2021-11-24 13:32:18

【问题描述】：

当通过 custom_data/hovertemplate 范例在 plotly express 中创建自定义悬停卡时，颜色显示在其右侧。例如，此处显示“a=1”右侧的“blue”。如何去除“蓝色”？

import pandas as pd
import plotly.express as px

df = pd.DataFrame(dict(x=["a"], y=[1], color=["blue"], hover=["a=1"]))
fig = px.bar(df, "x", "y", "color", custom_data=["hover"])
fig.update_traces(hovertemplate="%customdata[0]")

（colab notebook可以访问here）

【参考方案1】：

悬停模板包含一个显示跟踪名称的辅助框。您可以通过在悬停模板中包含文本<extra></extra> 来hide it completely。

import pandas as pd
import plotly.express as px

df = pd.DataFrame(dict(x=["a"], y=[1], color=["blue"], hover=["a=1"]))
fig = px.bar(df, x="x", y="y", color="color", custom_data=["hover"])
fig.update_traces(hovertemplate="%customdata[0]<extra></extra>")
fig.show()