javascript - 从 Flask 传递 nvd3 图表的数据作为参数

Question

我正在使用带有 nvd3 的 Flask 来显示图表。我的问题与这个问题类似（查看答案），除了现在我希望data通过从 Flask 传递一个参数来初始化 json 变量，而不是在 javascript 中对其进行硬编码。

执行data = {{data}}和渲染模板

return render_template("display_plot.html", data=data) 我使用python生成数据的地方，例如

data = {"values": [{"y": 17830, "x": 1382313600000.0}, {"y": 17977, "x": 1382400000000.0}, {"y": 17633, "x": 1382486400000.0}, {"y": 17633, "x": 1382572800000.0}, {"y": 17403, "x": 1382659200000.0}, {"y": 17403, "x": 1382745600000.0}, {"y": 17142, "x": 1382832000000.0}], "key": "active_pages", "yAxis": "1"}]不起作用。

Answer 1

在您的模板中，您应该将数据称为：

{{ data|tojson|safe }}

否则，您将无法获得正确的结果，因为数据在技术上并未转换为 json，并且字符可能会被 jinja 转义。