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

如何消除Bokeh中HoverTool提示框的白色内边距?

解决Bokeh提示框白色内边距问题

要消除这个突兀的白色内边距,核心是覆盖Bokeh给提示框外层容器默认设置的5px内边距,直接通过HoverTool的styles参数就能快速搞定,无需额外添加CSS文件。

修正后的代码如下:

hover = HoverTool(
    tooltips="""
        <div style="color: white; font-family: century gothic;">
            <span style="font-size: 12px;">@height{0,000}</span>
            <span style="font-size: 12px;"> Observations</span>
        </div>
    """,
    styles={
        'background-color': 'black',
        'padding': '0px',
        'border': '15px solid black'
    }
)

关键说明:

  • 白色间隙本质是Bokeh提示框外层容器自带的padding: 5px,通过styles参数将其设为0px即可彻底消除。
  • 把背景色、边框样式统一移到styles中设置,避免内层div样式和外层容器冲突。
  • 清理了原代码里多余的转义引号(&quot;),这类错误会导致样式解析失效。

如果需要全局统一设置所有提示框样式,也可以自定义Bokeh主题来配置,但单改某一个提示框的话,用styles参数是最直接的方案。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.18 04:48:31