散景图未正确显示

Question

我在几个Django视图中使用了Bokeh图。这些图正确地渲染数据，但是当我在页面上渲染时，它们很奇怪。

html看起来像这样：

<div class="container">
  <h4 class="text-center"> Resource Usage </h4>
  {% for label,div in divs.items %}
    <h3 class="text-center"><u> Satellite {{ label }}</u></h3>
    </br>
    <div class="container">
      {{ div | safe }}
    </div>
  {% endfor %}
</div>
</div>
{{ script | safe }}

div代码如下所示：

'<div class="plotdiv" id="b367d397-25cc-4fa2-9b92-e0d0a8f155fa"></div>'

我只是尝试了Bokeh的基础示例here，但我得到的内容看起来像这样：

有谁能告诉我为什么会发生这种抵消？

Answer 1

在讨论了Bokeh的Google小组之后，问题在于我将CSS样式应用于我在页面中其他位置的表格，这会影响Bokeh图表的显示方式。一旦我删除了表格样式，图表就会正确显示。