迭代d3.js中的数组元素以添加到按钮

Question

我正在使用d3js向页面添加一系列按钮，以形成控制面板。在每个按钮中，我想迭代一些子元素，在按钮中形成一个无序列表(从长远来看，这将变成一个带有样式和其他花招的下拉列表)。

下面的代码示例显然是错误的。人们不会简单地走进魔多，也不会简单地将for循环放在append的中间。我就是想不起来怎么做这件事。drilldownValues是一个数组，其中包含我想作为列表项添加的所有元素。我觉得自己就像是一个.each或其他什么东西，远离灵光乍现的时刻，但又不能让它合身。

简而言之，以下是错误的，我如何才能使其正确？

    .each(function(d,i) {
        var drilldownValues = d.drilldown;
        d3.select(this)
            .append('ul')
                for (var k = 0; k < drilldownValues.length; k++)
                {
                    .append('li')
                    .text(drilldownValues[k]);
                }
    })

Answer 1

而不是循环，使用d3的选择。一些类似的东西

d3.select(this).append('ul')
  .selectAll('li').data(d.drilldown).enter()
  .append('li').text(function(d) { return d; })