在标记上移动光标时可视化散点图上的额外信息

Question

给定以下玩具pd.DataFrame：

    x   y  info
0  10   5    10
1  20  13    20
2  30  64    30
3  40  56    40
4  50  75    50
5  60  44    60
6  70  31    70

当用光标接近标记时，我想可视化额外的info 列。这是不是与任何额外维度或任何应该绘制的内容相关，或者两者都不必直接出现在情节中。这只是我想可视化的额外信息。现在我刚刚使用了代码

px.scatter(dataframe, 
            x='x,
            y='y'
         )

产生结果：

我只想将'info' 显示在'x' 和'y' 下。

Answer 1

我可以用下面的代码做到这一点：

## Import Libraries
import plotly.graph_objects as go
import pandas as pd
    
## Create the Dataframe
df = pd.DataFrame({'x': [10, 20, 30, 40, 50, 60, 70],
                   'y': [5, 13,  64, 56, 75, 44, 31],
                   'info': [10, 20, 30, 40, 50, 60, 70]})

## The Plot 
layout = dict(plot_bgcolor='white',
              margin=dict(t=20, l=20, r=20, b=20),
              xaxis=dict(title='X',
                         range=[0, 100],
                         linecolor='#d9d9d9',
                         showgrid=False,
                         mirror=True),
              yaxis=dict(title='Y',
                         range=[0, 100],
                         linecolor='#d9d9d9',
                         showgrid=False,
                         mirror=True))

data = go.Scatter(x=df['x'],
                  y=df['y'],
                  text=df['info'],
                  textposition='bottom center',
                  textfont=dict(color='#E58606'),
                  mode='markers+text',
                  marker=dict(color='#5D69B1', size=8),
                  )

fig = go.Figure(data=data, layout=layout)

fig.show()

结果：