javascript - 在 d3 for javascript 中，如何为数据创建不同的元素？

Question

例如，在 html 中 <table> , 一个 <tr>可能包含 <th>和 <td> .您将如何将数据绑定(bind)到一个行选择，该行选择将创建偶数列作为 <th>奇数为 <td> ？

Answer 1

所以，这看起来也不完美，但总有 html() 方法。

​var d = [['a','b','c','d']];

var r = d3.select('#myTable').selectAll('tr')
    .data(d);

r.enter().append('tr').html(function(d) {
    var i, s = '';
    for (i = 0; i < d.length; i += 1) {
        s += (i%2===0) ? '<th>' : '<td>';
        s += d[i];
        s += (i%2===0) ? '</th>' : '</td>';
    }
    return s;
}​​​​​​​​​​​​​​​);