d3.js의 여러 막대 차트 세그먼트

Question

현재이 막대 차트 예를보고 있습니다. 내 자신의 버전에서

http://jsfiddle.net/enigmarm/3HL4a/13/

나는 데이터와 JSON 배열을 사용하고 그래서 같이 구성되어있다. 나는 "Y"속성에 data.irish 및 data.non_irish 모두를 적용하고 모두 막대를 생성하는 등 현재 나는 "Y"때문에 모두를 적용하는 방법을 작동하지 않을 수 있습니다 얼마나

[{"irish":"154187","non_irish":"309638","area":"Connacht"}, 
{"irish":"588725","non_irish":"2182932","area":"Ireland"}, 
{"irish":"180755","non_irish":"1017491","area":"Leinster"}, 
{"irish":"189395","non_irish":"672660","area":"Munster"}, 
{"irish":"64388","non_irish":"183143","area":"Ulster"}] 

는 내 질문은 속성은 매개 변수에서 하나만 취합니다.

var bar = svg.selectAll("rect") 
     .data(data) 
     .enter().append("g") 
     .attr("class", "bar"); 

var bartwo =bar.append("rect") 
     .attr("class", "bar") 
     .style("fill", function(d,i) { 
    return colours[i]; 
    }) 

     .attr("x", function(d,i) { return x(data[i].area); }) 
     .attr("y", function(d,i) { return y(data[i].irish); }) 
     .attr("width", barWidth) 
     .attr("height", function(d,i) { return height - y(data[i].irish); }) 

도움이 될만한 의견을 보내 주시면 감사하겠습니다.

Answer 1

이 이중 막대 차트는 다음을 수행하는 데 도움이 될 수 있습니다. http://nvd3.org/examples/multiBarHorizontal.html. 두 차원의 대비와 한 차원의 여러 그룹 비교 (예 : 다른 지역의 아일랜드어 사용자 수)를 강조합니다.