如何消除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样式和外层容器冲突。 - 清理了原代码里多余的转义引号(
"),这类错误会导致样式解析失效。
如果需要全局统一设置所有提示框样式,也可以自定义Bokeh主题来配置,但单改某一个提示框的话,用styles参数是最直接的方案。
内容的提问来源于stack exchange,提问作者Gen
相关产品推荐
相关产品推荐

