Javascript Bokeh Plot在浏览器中不显示。

Question

我正在创建一个Bokeh Plot，并传递html代码 script, div = components(plot)

return render_template('results.html',the_div=div,the_script=script)

脚本和div已经传递给浏览器，但它没有看到情节，而是显示html代码。

{% extends "bootstrap/base.html" %}
{% import "bootstrap/wtf.html" as wtf %}

{% block html_attribs %} lang="en" charset="utf-8"{% endblock %}

{% block title %} Prottiming Results {% endblock %}
{% block metas %}
<link rel="icon" type="image/png" href="https://www.pythonanywhere.com/user/morganprott/files/home/morganprott/mysite/static/favicon-96x96.png">
<link rel="stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">

<script src="https://cdn.bokeh.org/bokeh/release/bokeh-2.0.2.min.js"
        crossorigin="anonymous"></script>
<script src="https://cdn.bokeh.org/bokeh/release/bokeh-widgets-2.0.2.min.js"
        crossorigin="anonymous"></script>
<script src="https://cdn.bokeh.org/bokeh/release/bokeh-tables-2.0.2.min.js"
        crossorigin="anonymous"></script>


{% endblock %}

{% block content %}

<div class="container">
        {{ the_script }}
        {{ the_div }}
</div>

谁能指出我哪里出错了？-我检查了我使用的散景版本是2.0.2，我对javascript不熟悉，所以我假设这可能是一个简单的修复方法

浏览器控制台的视图。

Answer 1

默认情况下，所有模板参数都被转义，以防止它们改变DOM结构。|save 到每个变量。

{{ the_script|safe }}
{{ the_div|safe }}

更多细节。https:/jinja.palletsprojects.comen2.11.xtemplates#working-with-automatic-escaping。

Answer 2

你的控制台截图显示了这个问题，你正在尝试用Python Bokeh 1.3.4版本和CDN的BokehJS 2.0.2版本加载Bokeh JSON。您正试图从CDN加载用Python Bokeh 1.3.4版本和BokehJS 2.0.2版本生成的Bokeh JSON。这是不支持的，也不会成功（版本必须匹配）。