You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Plotly如何调整光标与悬浮信息框(注释框)的间距?

调整Plotly悬浮信息框与光标间距的方法

要增大光标和悬浮信息框之间的距离,你可以通过配置hoverlabel的偏移参数实现,具体是设置hoverlabel中的x和y属性,这两个参数控制信息框相对于光标位置的像素偏移量。

修改后的完整代码如下:

import plotly.graph_objs as go 
import numpy as np

# 生成正弦曲线数据
x = np.linspace(0, 2*np.pi, 100) 
y = np.sin(x)

# 创建图表
fig = go.Figure(data=[go.Scatter(x=x, y=y)])

# 配置悬浮模式和信息框偏移
fig.update_layout(
    hovermode = 'x unified',
    hoverlabel=dict(
        x=20,  # 水平方向偏移(正值向右,负值向左)
        y=20   # 垂直方向偏移(正值向下,负值向上)
    )
)

# 显示图表
fig.show()
  • x参数:控制水平方向的偏移,正值让信息框向右远离光标,负值向左偏移
  • y参数:控制垂直方向的偏移,正值让信息框向下远离光标,负值向上偏移
  • 你可以根据需求调整这两个数值的大小,来达到合适的间距

内容的提问来源于stack exchange,提问作者Menachem

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.07 15:55:21