在this tutorial之后,我尝试使用Holoviews而不是Bokeh(样本数据可用here作为CSV文件)可视化数据集,使用Flask提供结果 . 我决定使用Flask而不是Bokeh Server,因为我正在使用前者构建更大的工作流程 .
我的代码如下:
from flask import Flask, render_template, request
import numpy as np
import pandas as pd
from datetime import datetime
from bokeh.embed import components
from bokeh.io import curdoc
import holoviews as hv
hv.extension("bokeh")
app = Flask(__name__)
renderer = hv.renderer('bokeh')
infile = "./uploads/test.csv"
def loadRegionData(regionProperty, **kwargs):
df = pd.read_csv(infile, parse_dates=['Datetime'])
df1 = df[regionProperty]
df = pd.concat([df['Datetime'],df1], axis=1)
return hv.Curve(df)
colNames = ((pd.read_csv(infile, nrows=1)).drop(['Datetime'], axis=1)).columns.values
dmap = hv.DynamicMap(loadRegionData, kdims='RegionProperty').redim.values(RegionProperty=colNames)
hvplot = renderer.get_plot(dmap)
plot = hvplot.state
plot.name = 'plot'
curdoc().add_root(plot)
@app.route("/")
def index():
# Embed plot into HTML via Flask Render
script, div = components(plot)
return render_template("index.html", script=script, div=div)
if __name__ == '__main__':
app.run(port=5000, debug=True)
我遇到了以下(无关的问题)
- 使用Flask进行部署时,不会显示用于选择列的下拉列表 . 我怀疑那是因为我没有返回/从
index()
函数引用正确的变量到我的index.html
:
<html>
<head>
<link
href="http://cdn.pydata.org/bokeh/release/bokeh-1.0.2.min.css"
rel="stylesheet" type="text/css">
<link
href="http://cdn.pydata.org/bokeh/release/bokeh-widgets-1.0.2.min.css"
rel="stylesheet" type="text/css">
<script src="http://cdn.pydata.org/bokeh/release/bokeh-1.0.2.min.js"></script>
<script src="http://cdn.pydata.org/bokeh/release/bokeh-widgets-1.0.2.min.js"></script>
</head>
<body>
<h1>Holoview test</h1>
{{ script|safe }}
{{ div|safe }}
</body>
</html>
如何让Flask也显示下拉选择器?
- 我在使用Bokeh服务器测试此应用程序时发现的一个不相关的问题,也就是在Flask实现中也会出现这个问题,因为比例不会根据我的列选择动态调整 . 也许这可以作为一个单独的问题关于SO,但我想现在将其包含在这里以便将事情保持在一起 .