javascript - D3数据绑定(bind)(二维数组)

Question

如何使用d3.js .data()绑定(bind)函数实现这样的行为？

d3.selectAll('.rects')
  .data([[1,2,3],[a,b,c],[x,y,z])
  .enter()
  .append('rect')
  .attr('x', ([number, character, character]) => { /* 1, a, x */ });

Answer 1

看看d3.zip

var data = [[1,2,3],['a','b','c'],['x','y','z']]; 
var zippedData = d3.zip.apply(null, data);
console.log(zippedData);

<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/5.7.0/d3.min.js"></script>