Question

我对Bokeh和Flask都是陌生的。我浏览了相关的问题，教程，并查看了Bokeh文档，但无法弄清楚我在做什么错。

话虽如此，我想创建一个简单的Web应用程序，在其中将各种数据报告和图表“分组”。

根据我的读物，我想到了以下内容：

app.py：

... # imports

app = Flask(__name__, static_url_path='/static')

@app.route("/")
def index():
  return render_template("index.html")

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

  script, div = components(sample_plot())

  return render_template("bokeh_test.html", script=script, div=div)


def sample_plot():
   """
   A random plot just for testing purposes.
   :return: plot
   """

   PLOT_OPTIONS = dict(plot_width=600, plot_height=400)
   SCATTER_OPTIONS = dict(size=12, alpha=0.5)

   data = lambda: [random.choice([i for i in range(100)]) for r in range(10)]

   plot = figure(sizing_mode='scale_both', tools='pan', **PLOT_OPTIONS)
   plot.scatter(data(), data(), color="red", **SCATTER_OPTIONS)

   # show(plot)

   return plot

bokeh_test.html：

<!DOCTYPE html>
<html lang="en">
 <head>
   <!-- Bokeh includes-->
  <script type="text/javascript" src="http://cdn.pydata.org/bokeh/release/bokeh-0.12.13.min.js"></script>
  <link rel="stylesheet" href="http://cdn.pydata.org/bokeh/release/bokeh-0.12.13.min.css" type="text/css" />
  {{ script|safe }}
 </head>
 <body>
   <div>
       <h1>Bokeh sample</h1>
           <div class='bokeh'>
           {{ div|safe }}
           </div>
   </div>
  </body>
</html>

想象一下我的 index.html 文件中的边栏，其中有一个指向 bokeh_test.html 的链接。当我单击它时，我看到的只是标题“散景样本”，但没有情节。

如果取消注释 show（plot）的操作，则会打开一个新选项卡并正确显示该图，因此问题似乎不在于图本身，而是我尝试嵌入的方式在bokeh_test中。

我对所有这些都不熟悉，所以也许我在做一些愚蠢的事情，但我一直无法弄清，我将不胜感激。

PS。不知道是否可能相关，但是为此，我从Anaconda 2创建了一个python 3.6环境，并将该环境用作项目解释器。

Answer 1

您正在从CDN加载模板中的BokehJS版本0.12.13。那里的版本需要与您系统中安装的Bokeh的版本完全匹配。

将散景图嵌入Flask应用程序时遇到问题

1 个答案: