Bokeh 0.12.14 + Flask:AjaxDataSource的库或新语法坏了吗?

时间:2018-02-12 13:22:25

标签: python ajax flask bokeh

安装最新的Bokeh库(0.12.14)后,我发现了一个奇怪的行为。

在下面的示例中,在Ajax请求时随机创建一组180个值,并且每秒都可视化。

版本0.12.13完美运行,但0.12.14生成JS错误:

bokeh-0.12.14.min.js:1 undefined http://0.0.0.0:5011/undefined 404 (NOT FOUND)

如您所见,端点为http://0.0.0.0:5011/undefined而非http://0.0.0.0:5011/data。 直接调用时,http://0.0.0.0:5011/data就在那里并返回JSON数据。 看起来Ajax端点已经丢失。 这是库中的错误或文档语法更改吗?

如果您想玩它,不要忘记更改BOKEH_VERSION中的版本

# -*- coding: utf-8 -*-

from flask import Flask, jsonify, render_template_string

from bokeh.embed import components
from bokeh.models.sources import AjaxDataSource
from bokeh.plotting import figure

import pandas as pd
import numpy as np

#########################
BOKEH_VERSION = "0.12.13"   # <--- DON'T FORGET TO CHANGE HERE IF USING ANOTHER VERSION
#########################

html_template="""
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Example</title>
            <link href="http://cdn.pydata.org/bokeh/release/bokeh-{bokeh_ver}.min.css" rel="stylesheet" type="text/css">        
            <script src="http://cdn.pydata.org/bokeh/release/bokeh-{bokeh_ver}.min.js"></script>
        </head>
    """.format(bokeh_ver=BOKEH_VERSION)

html_template += """
     <body>
            <h1>Working in Bokeh 0.12.13<br>and not working in 0.12.14</h1>
            <div id="example_plot"></div>

            {{ plot_div.plot_grid | safe}}
            {{ plot_script | safe}}

        </body>
    </html>
    """

# ------------------------------------------------------------------------------

app = Flask(__name__)

# ------------------------------------------------------------------------------

class ExamplePlot:

    def __init__(self, app):

        self._data_source = None
        self.data_source_update()   # create the first set of dummy data for self.data_source

        self._ajax_data_source = AjaxDataSource(
            data_url="/data",
            data=self._data_source,
            polling_interval = 1000,
        )

        self.figure = figure()

        self.figure.line(
            source=self._ajax_data_source,
            x="index",
            y="value",
        )

    def data_source_update(self):
        self._data_source = {
            "index": range(180),
            "value": list(np.random.randint(1,100,size=180))
        }

# ------------------------------------------------------------------------------

example_plot = ExamplePlot(app)

@app.route("/")
def main_page():

    script, div = components({'plot_grid': example_plot.figure})

    html = render_template_string(
        html_template,
        plot_script = script,
        plot_div = div,
    )
    return html


@app.route("/data", methods=['GET', 'OPTIONS', 'POST'])
def serve():
    example_plot.data_source_update()

    return jsonify(
        index=example_plot._data_source["index"],
        value=example_plot._data_source["value"],
    )


if __name__ == '__main__':
    app.run(host="0.0.0.0", port=5011)

1 个答案:

答案 0 :(得分:1)

这绝对是个错误。最近有一个关于如何处理选择的重构,错过了对AjaxDataSource的必要更新。它将固定为0.12.15