Question

我有一个图，其中每个点都是Twitter上的帖子。当您将鼠标悬停在某个点上时，将显示带有帖子内容的工具提示。

问题在于，当工具提示显示在左侧时，文本没有被换行。而是将其显示在一行中，并且工具提示位于图的外部，因此看不到整个文本。当工具提示显示在右侧时，不会发生此问题-文本正确换行并且可以阅读。有解决办法吗？

以下是屏幕截图的链接，其中显示的工具提示（左侧）显示不正确，而显示的工具提示（右侧）则显示正确：https://imgur.com/QZKO81A

from bokeh.plotting import figure, show, output_notebook, ColumnDataSource

source = ColumnDataSource(data=dict(
    x=df[0],
    y=df[1],
    desc=post_list,
))
tooltips = [
    ("text", "@desc"),
]

p = figure(tooltips=tooltips)
p.scatter(x='x', y='y', source=source)

我试图自己通过仅插入换行符（\n）来包装文本，但是它们对工具提示没有任何影响。如果有人知道如何使它们实际折线，那也会有所帮助。

Answer 1

使用自定义工具提示https://bokeh.pydata.org/en/latest/docs/user_guide/tools.html#custom-tooltip，例如：

tooltips = """
<div style="width:200px;">
@desc
</div>
"""

p = figure(tooltips=tooltips)

如何使Bokeh工具提示中的文本正确换行？

1 个答案: