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

Question

custom_data当通过/范例以plotly express 创建自定义悬停卡时hovertemplate，颜色显示在其右侧。例如，此处在“a=1”右侧显示“蓝色”。怎样才能去掉“蓝色”呢？

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 笔记本）

Answer 1

悬停模板包含一个辅助框，其中显示跟踪的名称。您可以通过将文本包含在悬停模板中来完全隐藏它。<extra></extra>

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()