Javascript D3.js未使用所有数据点

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

我使用

d3.json（）

函数加载数据，并将其打印到控制台。控制台上的数据正确地表示了文件中的内容。然而，当我将它绑定到d3中的

元素时，我没有得到显示的前14个数据点。事实上，它们在中表示为

posts

变量中的空对象

可视化的完整代码见： 我用于可视化的数据集可以在以下位置看到：

如果在JS fiddle页面上打开Chrome控制台，将框架更改为result.jsFiddle frame，然后运行代码，您将看到我正在打印到控制台的各种变量，以及变量数据与变量post之间的差异

---

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

问题是，在进行选择时，SVG中已经有了

g

元素。一些数据绑定到这些元素，因此不会显示在

.enter（）

选择中。更多详情请参阅

---

我通过给

g

元素分配一个类来修复您的代码。

是的，修复了它，非常感谢。但我之前只有1个g元素，所以为什么没有显示14个点？轴组件为每个刻度创建一个

g

元素。