如何在HTML文件中的幾個地方嵌入一個文檔的散景服務器的陰謀

Question

我有一個應用程序，創建幾個「散景」的情節。這些圖都屬於同一個文檔，所以我可以使用鏈接的平移/縮放。這些地塊由「散景」服務器提供服務。所有情節出現在一個網站上，但情節之間有一些html內容。所有這些都是django應用程序的一部分。在模板將如下使用背景虛化-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 %} 

但隨後的頁面獲取imporperly呈現...的情節出現在彼此並在頁面內容。 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

autoload_server在0.12.1中存在問題，導致無法正確顯示封閉的<div class="bk-root">。此問題已在0.12.2中得到解決，您可以升級，或者手動將其置於其他問題演示中。