在降价中嵌入散景图

Question

我找不到任何关于在降价风格的文档中嵌入散景图的文档。使用bokeh.embed.components的脚本和div标签有一种简单的方法吗？

Answer 1

到目前为止，我发现的唯一方法是将绘图绘制为图像，然后将其嵌入markdown。

这是一种实现方法：

首先将图导出为.png文件。因此，您需要安装：

conda install selenium phantomjs pillow

比您可以使用：

from bokeh.plotting import figure
from bokeh.io import export_png

x = [1, 2, 3, 4, 5]
y = [6, 7, 3, 4, 5]
p = figure(title="example", x_axis_label='x', y_axis_label='y')
p.circle(x, y, legend="circles", line_width=2)

export_png(p, filename="bokeh_plot.png")

在markdown中，您可以使用以下命令显示图片。

![bokeh plot](bokeh_plot.png)

希望有帮助。

Answer 2

如果您的Markdown风味支持<embed>标签，则可以使用Bokeh's output_file()生成的.html文件。

在Python中：

from bokeh.plotting import figure, output_file, show

p = figure(title="example", x_axis_label='x', y_axis_label='y')

output_file("example.html")
show(p)  # Needed to actually save the file

在Markdown中：

<embed type="text/html" src="relative/path/to/example.html" width="600" height="400"></embed>

请注意，width和height属性是必需的，因为它不会自动调整大小。

此方法的确有一个小缺点，那就是需要使用Markdown保留绘图文件。