Question

我的烧瓶驱动的应用程序与Bokeh的高级条形图一样正常工作。

我现在想要将情节更改为水平条形图并找到this SO答案。

我的代码减去格式化以简洁：

from flask import Flask, render_template
from bokeh.embed import components
from bokeh.util.string import encode_utf8
from bokeh.plotting import figure
import pandas as pd

app = Flask(__name__)

@app.route('/')
def test():
    kws = ["one", "two", "cat", "dog"]
    count = [23, 45, 11, 87]
    df = pd.DataFrame({"kw": kws,
                       "count": count
                       })

    df.sort("count", inplace=True)
    df.set_index("kw", inplace=True)
    series = df['count']

    p = figure(width=1000, height=1000, y_range=series.index.tolist())

    j = 1
    for k, v in series.iteritems():
        w = v / 2 * 2
        p.rect(x=v/2,
                y=j,
                width=w,
                height=0.4,
                color=(76, 114, 176),
                width_units="screen",
                height_units="screen"
                )
        j += 1

    #### get components ####
    script, div = components(p)

    page = render_template('test.html', div=div, script=script)
    return encode_utf8(page)


if __name__ == "__main__":
    app.run(debug=True,
            threaded=False
            )

位于templates/test.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="http://cdn.pydata.org/bokeh/release/bokeh-0.9.0.min.css" rel="stylesheet" type="text/css">
    <script src="http://cdn.pydata.org/bokeh/release/bokeh-0.9.0.min.js"></script>
</head>

<body>

{{ div | safe }}
{{ script | safe }}

</body>
</html>

此答案适用于使用show(p)进行测试。但是，实际应用程序采用p对象并获取组件div和script并将其嵌入到html中。

当我使用debug=True运行应用时，我不会只是一个挂起页面的错误。

编辑：“挂”不准确。我得到一个空白页。

Answer 1

根据Bigreddot的建议，我检查了我的Bokeh版本并调整了BokehJS版本以匹配。

conda list bokeh屈服于：

bokeh                     0.10.0                   py27_0

然后我改变了我的html，最小的例子按预期工作。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="http://cdn.pydata.org/bokeh/release/bokeh-0.10.0.min.css" rel="stylesheet" type="text/css">
    <script src="http://cdn.pydata.org/bokeh/release/bokeh-0.10.0.min.js"></script>
</head>

<body>

{{ div | safe }}
{{ script | safe }}

</body>
</html>

Answer 2

万一从现在开始遇到任何人，请注意，自{= 1.0.0以来，0已被删除

在我的情况下，使用Flask应用程序（使用flask == 1.1.2和bokeh == 2.0.2），我仅能够从代码和html渲染模板中删除此行，仅{{1 }}，而不是bokeh.util.string import encode_utf8。

散景不会使用Flask应用程序渲染绘图

2 个答案: