Javascript 未使用Jinja、Flask和CanvasJS显示的图形

我试图从API获取数据，用

Jinja

将其传递到模板，并使用

CanvasJS

绘制数据图表

使用烘焙值时，如在

CanvasJS

示例中，图形会正确显示；但是，当我第二次尝试使用

Jinja

输入值时，图表无法显示

使用额外代码的一个原因是API以“YYYY-MM-DD”形式返回日期，而

JS

需要单独的值，所以我使用Jinja将它们拆分。也许，我可以用JS来拆分它们

我的

CanvasJS

code+

Jinja

如下所示：

window.onload=函数（）{
var chart=new CanvasJS.chart（“chartContainer”，
{
标题：{
正文：“{{ticker_symbol}}”
},
可缩放：对，
axisY：{
包括：错，
标题：“价格”，
前缀：“$”
},
axisX：{
间隔时间：2，
间隔类型：“月”，
valueFormatString:“MMM-YY”，
唇形：-45
},
数据：[
{
类型：“烛台”，
数据点：[
{%表示键，数据中的值。items（）%}
{%set dates=key.split（“-”%}
{x:newdate（{dates[0]}，{{dates[1]}，{{dates[2]}]），y:[{{value['1.open']}}，{{value['2.high']}，{{value['3.low']}，{{value['4.close']}}，
{%endfor%}
]
}
]
});
chart.render（）；
}

当在现场查看文件源时，数据将显示在

JS

中

window.onload=函数（）{
var chart=new CanvasJS.chart（“chartContainer”，
{
标题：{
文字：“MSFT”
},
可缩放：对，
axisY：{
包括：错，
标题：“价格”，
前缀：“$”
},
axisX：{
间隔时间：2，
间隔类型：“月”，
valueFormatString:“MMM-YY”，
唇形：-45
},
数据：[
{
类型：“烛台”，
数据点：[
{x:新日期（2019年11月15日），y:[148.9300149.9900148.2700149.9700]}，
…（重复）。。。
]
}
]
});
chart.render（）；
}

但图表仍然没有显示

我确信数据如何解析成

JS

，存在问题，但我无法发现。我注意到的一件事是，最后一个日期值伴随着一个讨厌的“]”，似乎不想消失

---

任何帮助都将不胜感激，谢谢

有一个主要问题：

在为图表设置

x:

变量时，我有一个额外的

]

。这是破坏整个图表的主要因素

金贾很好。JS很好。问题是我不能在没有方括号的情况下点击

{{}

请开始公开鞭打