Question

我将图形绘制为

script, div = components(p)

return render(request, 'index.html', {"the_script": script, "the_div": div})

在index.html中，我有

<body>
    <div>
        {{the_script | safe}}

        {{the_div | safe}}
    </div>
</body>

现在，我正在尝试水平绘制2个图形，我看到诸如components(p1, p2)之类的使用选项，并且在当前标签下方添加了另一个div标签。但是它垂直绘制图，我如何水平绘制它们。

Answer 1

有两个选项。要么使用bokeh的布局，要么使用components(row(p1, p2))，其中row是从bokeh.layouts导入的。这样做的好处是，如果需要，可以将轴对齐。或者，如果您坚持在HTML级别上执行此操作，则将需要编写一些CSS以使绘图水平放置。您可以使用CSS的flexbox或网格布局来实现此目的，例如只需将style="display: flex; flex-direction: row;"添加到父div（包含the_div的div）即可。但是，很多因素还取决于其他因素，例如其他CSS，您特定的打印设置（涉及到大小调整模式）或散景的版本，因此可能需要进行其他更改。

水平散景图

1 个答案: