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

标签 javascript python d3.js flask nvd3.js

我正在使用 Flask 和 nvd3 来显示图表。我的问题与 this one 类似(查看答案),只不过现在我希望通过从 Flask 传递参数来初始化 json data 变量,而不是在 javascript 中对其进行硬编码。

执行data = {{data}}并通过

渲染模板

返回 render_template("display_plot.html", data=data) 我使用 python 生成数据,例如

数据 = {“值”:[{“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"}] 不起作用。

最佳答案

在您的模板中,您应该将数据调用为:

{{ data|tojson|safe }}

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

关于javascript - 从 Flask 传递 nvd3 图表的数据作为参数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19690048/

相关文章:

javascript - 创建后获取 d3.js SVG 文本元素的宽度

javascript - 使用按钮添加到变量

python - 无法在对象检测训练中加载 finetune_checkpoint

python - 如何为具有未知数量变量的 python 函数定义创建正则表达式?

python - 如何在 Python 中实现 3D 图像的 SIFT(尺度不变特征变换)?

javascript - 从 JSON 数组显示 D3 中的坐标

javascript - 如果 (x) ... 给出引用错误 : x is not defined

javascript - 'res.json(..)' 和 'return res.json(..)' 之间的 Nodejs 区别

javascript - 检查 if/else 语句中的 URL?

javascript - D3 fiddle 谱