刪除 Plotly Express 中自定義懸浮卡右側的顏色

Question

通過custom_data / hovertemplate范例在 plotly express 中創建自定義懸浮卡時，顏色顯示在它的右側。 例如，此處顯示“藍色”就在“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

hovertemplate 包含一個輔助框，其中顯示跟蹤的名稱。 您可以通過在懸停模板中包含文本<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()