我想为我提取的文档之间的一些链接制作一个非常简单的网络图,并将其显示在现有的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代码我自己的数据?在
您可以建立字典列表并将其传递到模板as JSON。
然后是javascript中的parse your JSON string。在
在python中,使用
data = json.dumps(your_list_of_dict)
,在javascript中,使用var links = JSON.parse('{{data}}');
。对于潜在的报价问题,您可能需要做更多的工作。在相关问题 更多 >
编程相关推荐