Django在temp中将数据发送到Javascript

Question

我想为我提取的文档之间的一些链接制作一个非常简单的网络图，并将其显示在现有的Django应用程序中。我已经看了一堆Bokeh/Django集成和沿着这些路线的东西，但似乎没有什么是合适的。所以我决定继续尝试D3。我不懂任何Javascript。我复制了这里提供的模板：http://bl.ocks.org/mbostock/2706022，这对我来说很好。我只需要提供我自己的数据。我可以在视图中建立字典列表，并将其作为上下文传递。我可以用{data}}访问模板中的上下文。但是，我不知道该怎么做，就是把它输入javascript。这是我需要更改的相关部分：

var links = [
  {source: "Microsoft", target: "Amazon", type: "licensing"},
  {source: "Microsoft", target: "HTC", type: "licensing"},
  {source: "Samsung", target: "Apple", type: "suit"},
  {source: "Motorola", target: "Apple", type: "suit"},
  {source: "Nokia", target: "Apple", type: "resolved"},
...
  {source: "Nokia", target: "Qualcomm", type: "suit"}
];

这看起来像是一个字典列表。但我不知道，里面有一些空话，所以我不确定Javascript如何看待这件事，以及如何将python上下文转换成任何内容。我想象着

^{pr2}$

我如何实现这一点，以便我可以传递这个D3代码我自己的数据？在

Answer 1

您可以建立字典列表并将其传递到模板as JSON。
然后是javascript中的parse your JSON string。在

在python中，使用data = json.dumps(your_list_of_dict)，在javascript中，使用var links = JSON.parse('{{data}}');。对于潜在的报价问题，您可能需要做更多的工作。在