gpt4 book ai didi

javascript - 如何将字符串列表从 flask python main 函数传递给 html 中的 javascript?

转载 作者:行者123 更新时间:2023-12-05 07:44:31 26 4
gpt4 key购买 nike

我正在使用 Flask 构建网站。在 app.py 文件中,我计算出一些传递给 html 页面的统计数据。

@app.route('/')
def index():
values = [10, 11, 7, 15, 19, 5, 7.5, 10.9]
days= ["12/18/18","12/25/18","1/1/19","1/8/19","1/15/19","1/22/19","1/29/19","2/5/19"]

return render_template('index.html', days = days, values=values)

index.html中的javascript如下

var ctx = document.getElementById("lineChart");
var lineChart = new Chart(ctx, {
type: 'line',
data: {
labels: {{days}}
datasets: {
label: "All users",
backgroundColor: "rgba(30,144,255, 0.31)",
borderColor: "rgba(30,144,255, 0.7)",
pointBorderColor: "rgba(30,144,255, 0.7)",
pointBackgroundColor: "rgba(30,144,255, 0.7)",
pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointBorderWidth: 1,
data: {{values}}
}
},
});

我在 javascript 中测试了两个选项:

  1. 不工作(无法生成图表)

    labels: {{days}}
    data: {{values}}
  2. 如果我明确给出字符串列表则工作

    labels: ["12/18/18","12/25/18","1/1/19","1/8/19","1/15/19","1/22/19","1/29/19","2/5/19"]
    data: {{values}}

似乎传递数值数组(本例中的值)没问题,但传递字符串列表会造成麻烦。

您对解决这个问题有什么建议吗?
非常感谢!

最佳答案

将 jinja 值放在双引号中。这样可行。写 "{{values}}" 而不是 {{values}}

关于javascript - 如何将字符串列表从 flask python main 函数传递给 html 中的 javascript?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42821047/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com