Question

我一直在使用Bokeh绘制大型数据库，并使用Flask在本地主机上为该应用程序提供服务。摘要代码如下：

app = Flask(__name__)

def make_doc(doc):

    def plot_time():
        p = figure(plot_height=400, plot_width=1000, tools="xpan,box_zoom,xwheel_zoom,reset,save", 
            x_axis_type="datetime", background_fill_color="#efefef",outline_line_color="#000000")       
        for us,color in zip(lista_plots,colors):
            p.line(x="Instant", y=us, source=source, name=us, line_color=color, line_width=1, legend=us.title())                
        return p

    def plot_time_aux(): 
        p = figure(plot_height=115, plot_width=1000, x_axis_type="datetime", y_axis_type=None, tools="",  background_fill_color="#efefef")
        for us in list_plots:
            p.line(x="Instant", y=us, source=source, name=us, line_color="gray", alpha=0.55)   
        return p

p1 = plot_time()
p2 = plot_time_aux()
doc.add_root(p1)
doc.add_root(p2)
doc.title = "Time Plot"

@app.route('/', methods=['GET'])

def bkapp_page():
    script = server_document('http://localhost:5006/bkapp')
    return render_template("index.html", script=script)

def bk_worker():
    server = Server({'/bkapp': make_doc}, io_loop=IOLoop(), allow_websocket_origin=["localhost:{}".format(port)])
    server.start()
    server.io_loop.start()

from threading import Thread
Thread(target=bk_worker).start()

if __name__ == '__main__':
    print('Opening single process Flask app with embedded Bokeh application on http://localhost:{}/'.format(port))
    webbrowser.open_new("http://localhost:{}/".format(port))
    app.run(port=port, debug=False)

代码运行得很好，但是当涉及到将p1和p2插入到Jinja2 html模板的自定义div中时，我不知道怎么做。 html模板如下所示：

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Time Plots</title>
</head>
<body>
    {% for root in script.roots %}
        <div>{{ embed(root) }}</div>
    {% endfor %}
    {{ script | safe }}
</body>
</html>

按原样，该脚本一个接一个地绘制p1和p2，只是忽略Jinja2 for 循环（可能是因为我在模板中引用的变量不存在。）。但是，我想将每个图（p1和p2）作为参数传递给render_template（）函数，这样我可以自由地将它们放在html模板上的任何位置，但是我不知道如何。

欢迎提出任何想法。

Answer 1

我将概述如何实现多个绘图：

为每个图创建一个单独的Bokeh应用程序。在example

上参考modify_doc

def change_doc1():
  # code to define how plot 1 should behave

def change_doc2():
  # code to define how plot 2 should behave

使用多个应用程序而不是单个应用程序初始化Bokeh服务器

def bk_worker():
    plots = { "/plot1": change_doc1, "/plot2": change_doc2 }
    server = Server(plots, io_loop=IOLoop(), allow_websocket_origin=["localhost:{}".format(port)])
    server.start()
    server.io_loop.start()

在Flask路线中分别获取scrtip，并将其发送到模板。

@app.route('/', methods=['GET'])
def bkapp_page():
    script1 = server_document('http://localhost:5006/plot1')
    script2 = server_document('http://localhost:5006/plot2')
    return render_template("embed.html", script1=script1, script2=script2)

分别使用模板中的脚本并将其放置在HTML中所需的位置

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Time Plots</title>
</head>
<body>
  <div id="plot1">
    {{ script1 | safe }}
  </div>
  <div id="plot2">
    {{ script2 | safe }}
  </div>
</body>
</html>

运行Bokeh应用程序的Flask服务器：如何从server_document（）函数生成的脚本中访问图

1 个答案: