每次數據更改時，如何在Flask應用程序中實時更新散景圖？

Question

如果我有一個燒瓶應用程序，其中包含一些由bokeh制成的圖表，那么當添加或更改新數據時，如何在瀏覽器中實時更新圖表？ 我是bokeh的新手，並閱讀了啟動bokeh服務器所需的文檔，但我仍然不明白我應該在代碼中添加什么以使其更新。

Answer 1

這是一個Bokeh服務器應用程序，每1 秒執行一次回調，每5秒更新一次數據。 查看當前的plot_data長度並將其與last_data_length讓我們確定何時需要更新圖（代碼適用於Bokeh v1.0.4）

import random, time
from tornado.ioloop import IOLoop
from bokeh.server.server import Server
from bokeh.application import Application
from bokeh.application.handlers.function import FunctionHandler
from bokeh.plotting import figure, ColumnDataSource
from threading import Thread

class BokehApp():
    plot_data = []
    last_data_length = None

    def __init__(self):
        thread = Thread(target = self.startDataAcquisition)
        thread.start()

        io_loop = IOLoop.current()
        server = Server(applications = {'/myapp': Application(FunctionHandler(self.make_document))}, io_loop = io_loop, port = 5001)
        server.start()
        server.show('/myapp')
        io_loop.start()

    def startDataAcquisition(self):
        while True:
            self.plot_data.append({'x': [random.random()], 'y': [random.random()], 'color': [random.choice(['red', 'blue', 'green'])]})
            time.sleep(5)

    def make_document(self, doc):
        source = ColumnDataSource({'x': [], 'y': [], 'color': []})
        fig = figure(title = 'Streaming Circle Plot!', sizing_mode = 'scale_both')
        fig.circle(source = source, x = 'x', y = 'y', color = 'color', size = 10)

        def update():
            if self.last_data_length is not None and self.last_data_length != len(self.plot_data):
                source.stream(self.plot_data[-1])
            self.last_data_length = len(self.plot_data)

        doc.add_root(fig)
        doc.add_periodic_callback(update, 1000)

if __name__ == '__main__':
    app = BokehApp()

結果：