D3.js 二维阵列多条形图

我想为“dataArray”的每个元素生成三个不同的条形图。这就是我到目前为止所做的。请帮帮我

var dataArray = [[40, 60], [70, 90], [100, 180]];

var canvas = d3.select("body")
.append("svg")
.attr("width", 1000)
.attr("height", 1000);

var bars = canvas.selectAll("rect")
            .data(dataArray[0])
            .enter()
            .append("rect")
            .attr("width", function(d){return d;})
            .attr("height",50)
            .attr("x", 0)
            .attr("y", function(d,i){return i*100;});   

---

请参阅例如Dat的simple，I uderstood，现在请在这里帮助我调整attr（“宽度”、…）和数据（dataArray[…]）中的一些函数属性，以便我可以在这些代码行中生成@拉斯科特霍夫