问如何在同一个超文本标记语言页面中包含带有three.js的3d可视化图形？
EN

Stack Overflow用户

提问于 2019-05-08 19:21:40

回答 1查看 136关注 0票数 1

我想包括一个3d实时头部对齐可视化，以及已经由bokeh生成的图形。我不知道如何做到这一点。使用javascript生成3d头部可视化。你知道如何在同一个HTML页面上相互集成吗？

python

bokeh

回答 1

Stack Overflow用户

发布于 2019-05-08 21:18:37

您可以在Bokeh directory format中使用HTML模板文件，并包含任何本地或远程CSS或JS资源，如下所示：

目录结构(简化)：

myapp
   |
   +---main.py
   +---static
       +---css
           +---styles.css
       +---images
           +---foo.png
       +---js
           +---main.js
   +---templates
        +---index.html

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  <link rel="stylesheet" href="myapp/static/css/styles.css"/>
    <style>
       body { background: #111122; }
    </style>     
    <meta charset="utf-8">
    {{ bokeh_css }}
    {{ bokeh_js }}
  </head>
  <body>
    {{ plot_div|indent(8) }}
    {{ plot_script|indent(8) }}
  </body>
</html>

然后你可以初始化一个展示你的3D可视化效果，比如像这样使用jQuery：

$(document).ready(function() {
    var is_ready = true 
    // call here functions from your JS file
});

或者你可以添加一个Button并为它定义一个JS回调，然后在那里执行你的JS：

from bokeh.models import Button

code = ''' console.log(cb_obj) ''' 
button = Button()
button.on_click = CustomJS(code = code)

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/56039622

复制

相似问题

问如何在同一个超文本标记语言页面中包含带有three.js的3d可视化图形？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在同一个超文本标记语言页面中包含带有three.js的3d可视化图形？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在同一个超文本标记语言页面中包含带有three.js的3d可视化图形？
EN