Plotly 快递箱 plot hover 数据不工作

Question

尝试将数据添加到 plotly 中 boxplot express 的 hover 中，并按照 plotly 5.4.1 中的说明进行操作。 教程中提到，hover 中显示的附加信息可以通过hover_data和hover_name参数添加。 但是，额外的 hover 数据（在这种情况下来自continent列的信息）未显示在 hover 中。 我不确定这里出了什么问题？ （这是我在 Google colab 中测试的代码）

import plotly.express as px
import pandas as pd
import numpy as np
np.random.seed(1234)

df = pd.DataFrame(np.random.randn(20, 1),columns=['Col1'])
df['country']=['canada','france']*10
df['continent']=['america','europe']*10

fig = px.box(df, x="country", y="Col1",  hover_data=['continent'])

fig.show()

这是我在谷歌 colab 中得到的：

谷歌 colab 中的 plotly 箱线图

Answer 1

• 这类似于更改 Plotly Boxplot Hover 数据
• boxplot hover 信息在 plotly 的javascript层内。 因此覆盖了一个条形plot ，其中 hover 可以按照您需要的方式进行控制。 当您在箱线图上使用 hover 时，您会得到标准箱线图hover。 酒吧不同 hover 信息

import plotly.express as px
import pandas as pd
import numpy as np

np.random.seed(1234)

df = pd.DataFrame(np.random.randn(20, 1), columns=["Col1"])
df["country"] = ["canada", "france"] * 10
df["continent"] = ["america", "europe"] * 10

fig = px.box(df, x="country", y="Col1", hover_data=["continent"])

fig.add_traces(
    px.bar(
        df.groupby(["country", "continent"], as_index=False).agg(
            base=("Col1", "min"), y=("Col1", lambda s: s.max() - s.min())
        ),
        x="country",
        base="base",
        y="y",
        hover_data={"continent":True, "country":True, "base":False, "y":False},
    )
    .update_traces(opacity=0.1)
    .data
).update_layout(bargap=0.8)


fig