如何在Chameleon模板中放置Bokeh图表？

Question

我有一个项目与许多脚本使用Matplotlib。我想为这个项目建立一个网络界面。

如何在Chameleon模板中放置Bokeh图表？我使用的是金字塔和Deform bootstrap。

有没有人有很好的例子？

Answer 1

这里有几个不同的问题需要解决。

1. 如果您真的想将大量的Matplotlib绘图移植到交互式JS中，那么mpld3项目可能非常适合您。但是，您应该意识到，使用D3会影响性能，这取决于绘图中有多少点。Bokeh现在也有了基本的Matplotlib支持，而且只会得到更多。Jake目前正在将mpld3项目重构为显式导出器，然后是D3渲染器，我们也可能在此基础上构建对Bokeh Matplotlib的支持。
2. 要使用Bokeh实现此功能，您可以通过查看例如HTMLFileSession.dumps()是如何实现的：https://github.com/ContinuumIO/bokeh/blob/master/bokeh/session.py#L295来获取绘图的原始超文本标记语言。默认模板是bokeh/templates/base.html；但是，这是一个完整的超文本标记语言文件，而不是一个片段。dumps()方法非常简单，默认模板也是如此，因此您应该能够通过查看这些模板来获得所需的内容。希望在下一个版本中，我们能完成一个更容易嵌入的HTMLFragmentSession。

Answer 2

您想要使用plot.create_html_snippet。此函数返回您希望在HTML中显示的代码，该函数还写出一个嵌入文件。

以下是嵌入代码段的外观

<script src="http://localhost:5006/static/dc0c7cfd-e657-4c79-8150-6a66be4dccb8.embed.js" bokeh_plottype="embeddata" bokeh_modelid="dc0c7cfd-e657-4c79-8150-6a66be4dccb8" bokeh_modeltype="Plot" async="true"></script>

以下参数控制如何写出嵌入文件，以及js代码在何处搜索嵌入文件。embed_base_url控制javascript将在其中搜索嵌入文件的url路径(它可以是绝对的或相对的)。

embed_save_loc控制将在其中写出嵌入文件的目录。当server=True时，embed_save_loc不是必需的

static_path controls javascript将用来构造bokeh.js和bokeh.css的url的url路径(可以是绝对的或相对的)。它缺省为http://localhost:5006/static/，但也可以很容易地指向CDN

运行bokeh服务器时，导航到http://localhost:5006/bokeh/generate_embed/static。我认为这需要你在master上运行，因为有一个bug。

我希望这能帮到你。