Javascript D3.js不创建元素的对象数组

我有一个这样的对象数组：

var dataObj = [{stuff:"thing"}, {other:"something"}, {you:"get"}, {the:"idea"}];

我试图将一个div和其中的键作为每个对象的文本附加在一起：

myElement
 .selectAll("div.myClass")
 .data([dataObj])
 .enter()
 .append("div")
 .attr('class', 'myClass')
 .text(function(d, i) { 
    return Object.keys(d)[i];
});

但这只在

myElement

中创建一个

div

元素，如下所示：

<div id='myElement'><div class='myClass'>stuff</div></div>

---

无济于事

dataObj已经是一个数组。所以看起来你不需要放入数组

myElement
.selectAll("div.myClass")
.data(dataObj)
.enter()
.append("div")
.attr('class', 'myClass')
.text(function(d, i) { 
 return Object.keys(d)[i];
});

---

我最初尝试过，文本回调甚至从未被调用。看最新的作品。是的，我做了我自己的lol，它确实有用。但不是在我的实时代码中工作。。。也许我遗漏了什么。哦，在我的实时代码中，值不是一个对象数组，只是一个键值对的大对象。

myElement
.selectAll("div.myClass")
.data(dataObj)
.enter()
.append("div")
.attr('class', 'myClass')
.text(function(d, i) { 
 return Object.keys(d)[i];
});