我正在使用D3.js对facebook组数据进行简单的可视化。为了实现这个可视化,我使用了来自facebook图形api的数据,我将其保存为一个JSON文件。
我使用d3.json()函数加载数据,并将其打印到控制台。控制台上的数据正确表示文件中的内容。但是,当我将其绑定到<g>元素的d3中时,我无法得到前14个数据点显示的结果。实际上,它们在posts变量中被表示为空对象。
可视化的完整代码可以在:http://jsfiddle.net/shubhanshumishra/j8w7a6tL/上看到,我用于可视化的数据集可以在:https://github.com/napsternxg/FacebookGroupVisual/blob/master/Demo/demo.response.json上看到。
如果您打开JS小提琴页面上的Chrome控制台,并将您的框架更改为result.jsFiddle框架,然后运行代码,您将看到我正在打印到控制台的各种变量,以及变量数据与变量posts的区别。
很高兴知道为什么会发生这种奇怪的行为。
发布于 2014-09-21 11:50:58
问题是,在进行选择时,SVG中已经包含了g元素。有些数据绑定到这些元素,因此不会出现在.enter()选择中。关于本教程的更多细节。
我为g元素这里分配了一个类,从而修正了您的代码。
https://stackoverflow.com/questions/25954604
复制相似问题