D3.js没有使用所有数据点

Question

我正在使用D3.js对facebook组数据进行简单的可视化。 为了实现这种可视化，我使用了facebook图形api中的数据，我将其保存为JSON文件。

我使用d3.json()函数加载数据，然后将其打印到控制台。控制台上的数据正确表示文件中的内容。但是，当我将其绑定到d3中的<g>元素时，我不会获得前14个数据点节目。实际上，它们在posts变量中表示为空对象。

可视化的完整代码可在以下位置查看：http://jsfiddle.net/shubhanshumishra/j8w7a6tL/ 我用于可视化的数据集可以在https://github.com/napsternxg/FacebookGroupVisual/blob/master/Demo/demo.response.json

中看到

如果您在JS小提琴页面上打开Chrome控制台并将框架更改为result.jsFiddle框架，然后运行代码，您将看到我正在打印到控制台的各种变量以及变量数据与变量的不同之处讯息。

很高兴知道为什么会发生这种奇怪的行为。

Answer 1

问题是您在进行选择时已经在SVG中有g个元素。某些数据绑定到这些元素，因此不会显示在.enter()选择中。 this tutorial中的更多详细信息。

我已经通过为g元素here分配了一个类来修复您的代码。