Question

我有一个应用程序可以创建几个＆＃34;散景＆＃34;地块。这些图都属于同一个文档，因此我可以使用链接平移/缩放。这些情节由一个散景＆＃34;服务器。所有图都出现在一个网站中，但图之间有一些html内容。所有这些都是django应用程序的一部分。使用bokeh-0.12.1

#view.py
plots = []
plot1 = figure()
plot1.line([1,2,3],[5,4,2])
plot2 = figure()
plot3.line([1,2,3],[5,4,2])

script_tags = []
bokeh_document = curdoc()
session = push_session(bokeh_document)
script.tags.append(autoload_server(model=plot1, session_id=session.id))
script.tags.append(autoload_server(model=plot2, session_id=session.id))

然后在模板中看起来如下：

template.html
<h1>These are the embedded server plots</h1>
{% for script in script_tags %}
<pre>{{ subgroup_plot.script }}</pre>
<h1>Here comes a plot</h1>
some Text

<div>
{{script | safe }}
</div>
{% endfor %}

然后页面变得非常糟糕......这些图表显示在彼此之上和页面内容之上。 documentation没有提到如何在html中嵌入它。那么如何才能使css正常工作呢？

Answer 1

看起来缺少一些CSS类，即bk-root和plotdiv。请尝试以下方法：

<h1>These are the embedded server plots</h1>
{% for script in script_tags %}
<pre>{{ subgroup_plot.script }}</pre>
<h1>Here comes a plot</h1>
some Text
<div class=“bk-root">
<div class=“plotdiv">
{{script | safe }}
</div>
</div>
{% endfor %}

另请参阅CSS文件以查看类的正确顺序/嵌套。

Answer 2

has_many users, :through => :users_pins在autoload_server中遇到了一个问题，导致无法正确显示封闭的0.12.1。{1}}此问题已在<div class="bk-root">中修复，您可以升级，也可以手动将其放入其他问题演示中。

如何在html文件中的几个位置嵌入来自一个文档的散景服务器图

2 个答案: