Plotly express 箱线图悬停数据不起作用

Question

尝试将数据添加到 plotly 中的 boxplot express 悬停，并按照 plotly 5.4.1 中的说明 here 进行操作。教程中提到可以通过 hover_data 和 hover_name 参数添加要在悬停中显示的其他信息。但是，额外的悬停数据（在本例中为来自 continent 列的信息）不会显示在悬停中。我不确定这里出了什么问题？（这是我在 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()

这是我在 google colab 中得到的：

我使用建议的解决方案时遇到的错误（已通过 pip install plotly --upgrade 解决）：

@Rob 提供的解决方案有效，但要使其成为通用函数，以下是我写的内容：

def box_with_hover(df,x,y,hover_data):    
  fig = px.box(df, x=x, y=y, hover_data=[hover_data])

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


  fig.show()

Answer 1

这类似于 Change Plotly Boxplot Hover Data
boxplot 悬停信息在 plotly 的 javascript 层内。因此，覆盖了一个 bar 图，可以按照您需要的方式控制悬停。当您将鼠标悬停在 boxplot 上时，您将获得标准的 boxplot 悬停。栏不同的悬停信息

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

泛型函数

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
df["letter"] = list("AB") * 10


def box_with_hover(*args, **kwargs):
    if isinstance(args[0], pd.DataFrame):
        kwargs["data_frame"] = args[0]
    fig = px.box(**kwargs)

    fig.add_traces(
        px.bar(
            kwargs["data_frame"]
            .groupby([kwargs["x"]], as_index=False)
            .agg(
                **{
                    **{
                        "base": (kwargs["y"], "min"),
                        "y": (kwargs["y"], lambda s: s.max() - s.min()),
                    },
                    **{c: (c, "first") for c in kwargs["hover_data"]},
                }
            ),
            x=kwargs["x"],
            base="base",
            y="y",
            hover_data={
                **{c: True for c in kwargs["hover_data"]},
                **{kwargs["x"]: True, "base": False, "y": False},
            },
        )
        .update_traces(opacity=0.1)
        .data
    ).update_layout(bargap=0.8)
    return fig


box_with_hover(
    df.reset_index(), x="country", y="Col1", hover_data=["continent", "letter", "index"]
)

Plotly express 箱线图悬停数据不起作用

Plotly express box plot hover data not working

python

plotly

visualization

plotly-express

泛型函数