我想在我的Bokeh javascript回调中使用javascript库(特别是https://developer.amazon.com/docs/custom-skills/send-the-user-a-progressive-response.html)。如何指定此JavaScript库的导入,以便可以从Bokeh的js回调函数访问该库?
在https://github.com/toji/gl-matrix/blob/master/dist/gl-matrix.js示例的实施例主要说说创建自定义散景模型。我对创建新模型并不特别感兴趣,只是想在回调中使用库函数来修改绘制的数据。
答案 0 :(得分:0)
您可以创建Bokeh服务器目录结构。
myapp
目录高一级的目录,然后使用以下命令启动您的应用程序:bokeh serve --show myapp
以下示例适用于Bokeh v1.0.4。
目录结构:
myapp
|
+---main.py
+---templates
+---index.html
+---main.js
+---styles.css
main.py
from bokeh.plotting import curdoc
from bokeh.models import Button, CustomJS
button = Button(label = 'Click Me')
button.callback = CustomJS(code = """ alert($) """)
curdoc().add_root(button)
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<meta charset="utf-8">
{{ bokeh_css }}
{{ bokeh_js }}
<style>
{% include 'styles.css' %}
</style>
</head>
<body>
<script>
{% include 'main.js' %}
</script>
{{ plot_div|indent(8) }}
{{ plot_script|indent(8) }}
</body>
</html>
请注意,通过这种方式,您可以包含本地JS库或样式表,也可以包含远程。
main.js
$(document).ready(function() {
alert('jQuery succesfully loaded !')
});
styles.css
body { background: #111122; }