将数据从Django视图传递到D3

Question

完成新手问题:

我运行了一个Django应用程序,我在其中生成一个包含数据的视图:

result = json.dumps(data)

context = RequestContext(request, {
    'result': result,
})

return HttpResponse(template.render(context))

现在我有一个map.js文件,我使用它来渲染数据的热图d3.js.我还有一个index.html文件,我的页面被渲染,热图参考通过

<body>
 <div id="heatMap">
 </div>
<body>

问题:如何将视图中生成的数据传递给map.js文件？

非常感谢你的帮助!

Answer 1

在你的模板中使用标签{{ result }}之间<script></script>来做你的JavaScript魔术.

如果result是序列化的JSON对象,则可以使用JSON.parse(result)它将JSON字符串转换为JavaScript对象.

例:

<script type="text/javascript">
var data = JSON.parse("{{ result }}");
run_d3_stuff(data);
</script>