我想为提取的文档之间的某些链接制作一个非常简单的网络图,并将其显示在现有的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上下文转换为这个东西。我想像的东西
var links = <cast>({{data}})
如何实现此功能,以便可以将此D3代码传递给我自己的数据?
参考方案
您可以构建字典列表,并将其传递到模板as JSON。
然后在javascript中parse your JSON string。
在python中,使用data = json.dumps(your_list_of_dict)
;在javascript中,使用var links = JSON.parse('{{data}}');
。您可能需要为潜在的报价问题做更多的事情。
我的收藏中有以下文件{ "_id": ObjectId("54490b8104f7142f22ecc97f"), "title": "Sample1", "slug": "samplenews", "cat": …
Javascript + Python:将数组发送到Python脚本,将结果返回给Javascript - javascript我想建立一个网页,该网页通过Javascript API进行许多Facebook状态更新,并将它们分类到一个数组中。然后,我想将此数组发送到Python脚本,该脚本可以专门使用NLTK.进行语言分析。在Python中获得合适的结果后,我想将结果从该脚本返回到Javascript,以显示给用户等。听起来可能吗? javascript大神给出的解决方案 是的,完…
如何从客户端将数据插入数据库? - javascript我是Web开发的初学者,可以访问cpanel上托管的网站,并且需要对其进行一些更改。这个网站的后端是由蛋糕PHP制作的,我想使用ajax从客户端将一些数据插入其数据库。问题是我不知道如何获取负责插入数据库的PHP文件的URL。参见下面的代码:var xhttp = newXMLHttpRequest(); xhttp.onreadystatechange= …
编码JSON数据以保留json格式 - javascript由于JSON值是动态生成的,并且其中的值是基于用户输入的,因此,如果用户在字符串中输入了不可接受的字符(如"),则会使json无效。就像是:{ "tag" : "demo", "value": "user " input" } 有没有一种方法可以编码或转义JS…
执行onclick时获得意外令牌 - javascript我正在使用onclick事件从PHP调用JS函数。这是我的代码:我在一个函数中,因此我需要通过PHP来完成它,因为然后我会返回:$html = '<input type="checkbox" checked value="1" id="setGetSku" name="se…