通过python flask将变量发送到javascript并使用google图表显示条形图

嘿，我正在尝试在我的html页面中创建一个条形图。我正在使用谷歌图表、flask和html。每当我手动输入数据时，它都能正常工作。但当我试图通过flask发送数据时，它没有显示任何内容

这是我的application.py：

import flask
import mysql.connector

app = flask.Flask(__name__)

f = mysql.connector.connect(host = "localhost", user = "root", passwd = "")
mycur = f.cursor()

@app.route("/")
def get_vals():
    mycur.execute("use one_stop_healthcare;")
    mycur.execute("select NAME, ACTIVE, DISCHARGED from ccinfo;")
    dat = mycur.fetchall()

    active=[[]]
    for i in range(0,5,1):
        for j in range(0,2,1):
            active[i].append(dat[i][j])
        active.append([])
    del active[5]
    active.insert(0, ['All the wards', 'Active cases', 'Recovered'])
    print(active)
    return flask.render_template("index.html", active=active)

app.run()  

这是我的index.html（在模板文件夹中）

load（'current'，{packages:['corechart'，'bar']}）；
google.charts.setOnLoadCallback（drawMultSeries）；
无功有效
函数drawMultSeries（）{
//这里是我手动添加数据的地方。它的工作原理如下。
var active=['所有病房'，'活动病例'，'恢复']，['病房1'，357，153]，'病房2'，744，349]，'病房3'，83，54]，'病房4'，1360，433]，'病房5'，149，100]]
var data=google.visualization.arrayToDataTable（活动）；
变量选项={
标题：“新冠病毒治疗中心”，
图表区：{宽度：'50%}，
哈克斯：{
标题：“现行案件”，
最小值：0
},
言辞：{
标题：“病房”
}
};
var chart=new google.visualization.BarChart（document.getElementById（'chart_div'））；
图表绘制（数据、选项）；
}

您目前根本没有使用python对象“active”

在html代码中替换此行：

var active

借

---

（并删除手册声明）

@loaTzimas我尝试了你的建议，但它似乎给出了括号错误。奇怪。你能粘贴代码中给出错误的那一行吗？var active={{active}}在一个花括号下面有一条红线，这条红线是怎么说的？也许您的JS代码中的方括号存在一些不一致之处？需要属性赋值，需要声明或语句。

var active

var active = {{active}}