用于绘图的形状的悬停信息

Question

我知道轨迹（标记/线）有hovertemplate / hover_test /选项，但是我找不到形状的东西。在形状上移动时，是否有办法弹出悬停文字？可能是一种解决方法？

示例：

import plotly.graph_objects as go

fig = go.Figure()

fig.add_trace(go.Scatter(
    x=[1.5, 3],
    y=[2.5, 2.5],
    text=["Rectangle reference to the plot",
          "Rectangle reference to the axes"],
    mode="markers",
))
fig.add_shape(
        # Rectangle reference to the plot
            type="rect",
            xref="paper",
            yref="paper",
            x0=0.25,
            y0=0,
            x1=0.5,
            y1=0.5,
            line=dict(
                color="LightSeaGreen",
                width=3,
            ),
            fillcolor="PaleTurquoise",
        )

当我将鼠标悬停在这两点上时，会得到一个带有信息的悬停模板。如何获得形状相似的东西？

Answer 1

对于上面的代码，简短的答案是不，您不能将hoverinfo添加到引用到绘图的形状上。

不幸的是，形状不带有悬停标签，并非直接。 也就是说，您可以通过添加opacity: 0轻松添加悬停标签 散点标记沿您的形状指向。

https://community.plotly.com/t/possible-to-add-tooltips-hovertext-to-shapes/10476/2

对于您的示例，由于您具有参照图形的形状，因此上述解决方法将不起作用，因为无法相对于图形定位标记和迹线（它们具有基于轴的某些值）。

这可以作为功能请求发布（最好在plotly.js上发布，因为需要先将其添加到源代码中。）

Answer 2

似乎不可能将hoverinfo添加到形状直接。但是，您可以通过正确的形状和轨迹组合来获得与预期效果非常接近的效果。下图是通过在列表中指定两个矩形来制成的，例如：

shapes = [[2,6,2,6],
          [4,7,4,7]]

其余的代码片段在形状的数量，分配给它们的颜色以及相应的迹线上都设置得很灵活，以便在形状的右下角留下小点。

图：

如果可以使用，我们可以讨论编辑hoverinfo中显示的内容的方法。

完整代码：

# Imports
import pandas as pd
#import matplotlib.pyplot as plt
import numpy as np
import plotly.graph_objects as go
import plotly.express as px

# shape definitions
shapes = [[2,6,2,6],
          [4,7,4,7]]

# color management
# define colors as a list 
colors = px.colors.qualitative.Plotly

# convert plotly hex colors to rgba to enable transparency adjustments
def hex_rgba(hex, transparency):
    col_hex = hex.lstrip('#')
    col_rgb = list(int(col_hex[i:i+2], 16) for i in (0, 2, 4))
    col_rgb.extend([transparency])
    areacol = tuple(col_rgb)
    return areacol

rgba = [hex_rgba(c, transparency=0.4) for c in colors]
colCycle = ['rgba'+str(elem) for elem in rgba]

# plotly setup
fig = go.Figure()

# shapes
for i, s in enumerate(shapes):
    fig.add_shape(dict(type="rect",
                        x0=s[0],
                        y0=s[2],
                        x1=s[1],
                        y1=s[3],
                        layer='above',
                        fillcolor=colCycle[i],
                        line=dict(
                            color=colors[i],
                            width=3)))

# traces as dots in the lower right corner for each shape
for i, s in enumerate(shapes):
    fig.add_trace(go.Scatter(x=[s[1]], y=[s[2]], name = "Hoverinfo " +str(i + 1),
                             showlegend=False,
                             mode='markers', marker=dict(color = colors[i], size=12)))

    # edit layout
fig.update_layout(yaxis=dict(range=[0,8], showgrid=True),
                  xaxis=dict(range=[0,8], showgrid=True))
fig.show()