Question

我按照http://www.highcharts.com/docs/getting-started/your-first-chart的说明创建示例图表。我已在本地保存了大量的javascript，并在我的html中添加<script src="/chart.js"></script>标记以引用它。

在我这边，我正在使用python flask来呈现包含脚本的html模板。

@app.route('/view', methods=['POST', 'GET'])
def show_graph_view():
    query= request.form['query']
    data = get_current_data(query)
    return render_template('graph.html', data=data)

我有一个函数来准备一些我想要绘制的自定义和当前数据，我希望在客户端浏览器加载后数据可用。如何将这些数据添加到图表中？

Answer 1

假设一个全局可访问的函数，只需在模块中调用它，并使用tojson和safe过滤器将数据转换为服务器上的json。

<script type=text/javascript> doSomethingWith({{ data|tojson|safe }}); </script>

当您将服务器端模板和客户端脚本混合在一起时，遵循逻辑有点困难。但有时你必须这样做。

Answer 2

在 2021 年偶然发现了这个旧答案，我只是想添加另一个选项..

注入 Python 似乎会干扰您的 Javascript，但您实际上可以这样做：

df = spark.sql("""
select 
   table_a.*, table_b.*
from 
   table_a 
left join
   table_b
on
   table_a.id = table_b.fk_a_id
""")
df.count()

您可以“注释掉”注入的 Pyhton 代码，以便您的 Javascript 保持正确:)

使用Python Flask

2 个答案: