javascript - Bokeh 嵌入在 Flask 中不起作用(Bokeh 未定义)

标签 javascript python flask embed bokeh

我正在尝试在我的 flask 应用程序中加载 Bokeh 图,但无法在模板中渲染绘图。我使用 bokeh.embed 组件的方式与所有示例中的方式完全相同:

script1, div1 = components(p)
cdn_js = CDN.js_files[0]
cdn_css = CDN.css_files[0]

然后我将组件传递给 render_template,如下所示:

return render_template("plot.html", script1=script1, div1=div1, cdn_css=cdn_css, cdn_js=cdn_js )

当plot.html加载时,它包含所有组件,但由于某种原因,绘图根本没有显示。以下是脚本在渲染模板中的样子:

<link href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.7/cyborg/bootstrap.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>


<link rel="stylesheet" href=https://cdn.bokeh.org/bokeh/release/bokeh-0.12.13.min.js type="text/css" />
    <script type="text/javascript" src=https://cdn.bokeh.org/bokeh/release/bokeh-0.12.13.min.css></script>

脚本和 div 都在正文中并且看起来正确。但是我在 javascript 中遇到错误:

Uncaught ReferenceError: Bokeh is not defined
at HTMLDocument.fn

如果我在头部加载 Bokeh 库,为什么会收到此错误?请帮忙。

最佳答案

您的 CSS 和 JS 负载似乎混淆了。您正在加载bokeh.min.js<link rel="stylesheet"...>标记,并加载bokeh.min.css<script>标签。

关于javascript - Bokeh 嵌入在 Flask 中不起作用(Bokeh 未定义),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48139864/

相关文章:

javascript - 如何聚合多个字段的ngMessage

python - 如何为两个图像之间的映射建模? (Python,OpenCV)

python - 使用特定于列的重复过滤器在 Python 中将行 append 到 CSV

jquery - 使用 Flask 和 MySQL 实现 CSS 自动完成

javascript - 使用 Flask 解决跨域资源共享

javascript - contextIsolation 的默认值已弃用,并将在 Electron 的 future 版本中从 false 更改为 true

javascript - 数据完全渲染时的 React/Meteor 初始化函数

javascript - vuejs动态组件throw error for v-bind :is, error is Property or method ... is not defined on the instance but referenced during render

python - 计算自定义时间范围内的发生次数

python - 揭秘 Flask app.secret_key