Plotly graph_objects 将 df 列添加到 hovertemplate

Question

我一般都在尝试recreate this 图表，并努力在情节分散的悬停模板中添加一列。这是一个工作示例：

import pandas as pd
import chart_studio.plotly as py
import plotly.graph_objects as go

dfs = pd.read_html('https://coronavirus.jhu.edu/data/mortality', header=0)
df = dfs[0]
percent = df['Case-Fatality'] # This is my closest guess, but isn't working
fig = go.Figure(data=go.Scatter(x=df['Confirmed'],
                               y = df['Deaths'],
                               mode='markers',
                               hovertext=df['Country'],
                               hoverlabel=dict(namelength=0),
                               hovertemplate = '%{hovertext}<br>Confirmed: %{x}<br>Fatalities: %{y}<br>%{percent}',
                               
                               ))
fig.show()

我想让Cast-Fatality 列显示在{percent} 下

我还尝试在Scatter() 中为text = [df['Case-Fatality']], 调用一行并将{percent} 切换为{text}，如this example 中所示，但这并没有像希望的那样从数据帧中提取。

我尝试将其重新绘制为px，跟随this example，但它会引发错误dictionary changed size during iteration，我认为使用go 可能比px 更简单，但我是plotly 的新手。

提前感谢您提供有关如何向悬停添加列的任何见解。

Answer 1

由于问题要求graph_objects 的解决方案，这里有两个可行-

方法（一）

在您希望变量值所在的位置添加%{text}，并传递另一个名为text 的变量，它是go.Scatter() 调用中所需值的列表。像这样-

percent = df['Case-Fatality']
hovertemplate = '%{hovertext}<br>Confirmed: %{x}<br>Fatalities: %{y}<br>%{text}',text = percent

这是完整的代码-

import pandas as pd
import plotly.graph_objects as go

dfs = pd.read_html('https://coronavirus.jhu.edu/data/mortality', header=0)
df = dfs[0]
percent = df['Case-Fatality'] # This is my closest guess, but isn't working
fig = go.Figure(data=go.Scatter(x=df['Confirmed'],
                               y = df['Deaths'],
                               mode='markers',
                               hovertext=df['Country'],
                               hoverlabel=dict(namelength=0),
                               hovertemplate = '%{hovertext}<br>Confirmed: %{x}<br>Fatalities: %{y}<br>%{text}',
                               text = percent))
fig.show()

方法(ii)

此解决方案要求您在将x unified 传递给hovermode 时看到悬停标签。然后，您需要做的就是传递一条具有相同 x 轴和所需 y 轴值的不可见迹线。传递mode='none' 使其不可见。这是完整的代码-

import pandas as pd
import plotly.graph_objects as go

dfs = pd.read_html('https://coronavirus.jhu.edu/data/mortality', header=0)
df = dfs[0]
percent = df['Case-Fatality'] # This is my closest guess, but isn't working
fig = go.Figure(data=go.Scatter(x=df['Confirmed'],
                               y = df['Deaths'],
                               mode='markers',
                               hovertext=df['Country'],
                               hoverlabel=dict(namelength=0)))
fig.add_scatter(x=df.Confirmed, y=percent, mode='none')
fig.update_layout(hovermode='x unified')
fig.show()

Answer 2

您分享的链接已损坏。你在寻找这样的东西吗？

import pandas as pd
import plotly.express as px

px.scatter(df,
           x="Confirmed",
           y="Deaths",
           hover_name="Country",
           hover_data={"Case-Fatality":True})

如果您需要使用粗体或更改您的hover_template，您可以按照此answer 中的最后一步进行操作

Answer 3

从另一个 SO question/answer 中汲取灵感，我发现这可以按预期工作，并允许向悬停数据添加多个列：

import pandas as pd
import plotly.express as px

fig = px.scatter(df,
           x="Confirmed",
           y="Deaths",
           hover_name="Country",
           hover_data=[df['Case-Fatality'], df['Deaths/100K pop.']])
fig.show()