javascript - Bokeh HoverTool 自定义字体和来自 Python 的换行符

Question

我的绘图上的工具提示太大并且溢出了绘图，因为它们显示的字符串很长。我一直在浏览源代码(和一些 javascript)，但没有找到可以让我设置字体的地方 without 旋转我自己的 HTML 或 JavaScript(即通过一些 Python 对象) .我也尝试过天真地添加 <br>和 \n字符到工具提示字符串中，但这没有用。

如何轻松更改工具提示字体(或可能的其他相关属性)？

更新:我已尝试将字体设置得较小，但仍然无法在工具提示中获取换行符。这是我的工具提示代码:

hover.tooltips = """
y: $y <br>
date: @dates <br>
items: <br><font face="Arial" size="1">@items</font>
"""

问题是，items 中的每一项source 是一个可变长度列表，我希望通过工具提示中呈现的换行符分隔列表中的每个条目

Answer 1

您可以使用 custom tooltip ，这应该让你做你需要的。

此刻，你可能有这样的东西:

hover.tooltips = [
    ("index", "$index"),
    ("foo", "@foo"),
    ("bar", "@bar"),
]

尝试:

hover.tooltips = """
    The index of my data is: $index <br>
    My foo property is bold <strong>@foo</strong>
    I could use a custom font <font face="Arial" size="3">@bar </font>
"""

您可以在上面的文档链接和 bokeh 存储库中的几个示例中看到示例:

https://github.com/bokeh/bokeh/blob/master/examples/interactions/us_marriages_divorces/us_marriages_divorces_interactive.py#L64

https://github.com/bokeh/bokeh/blob/master/examples/glyphs/sprint.py#L90