D3 막 대형 차트의 특정 막간 간격을 변경하십시오.

Question

저는 막 대형 차트를 사용하여 제 차트의 6 번째 및 막대와 12 번째 및 13 번째 막 대형 차트 사이의 간격을 더 넓히고 싶습니다. 지금은 심지어 패딩 결과가 .rangeRoundBands을 사용하고 특정 사각형에 대해 재정의 할 수있는 방법이없는 것 같습니다 (성공하지 못하면 해당 사각형에 패딩 및 여백 추가).

Here's a jsfiddle of the graph

그리고 밴드와 막대 스스로 생성하는 내 코드 : 당신은 데이터와 인덱스에 따라 높이를 계산하는 기능을 제공 할 수

var yScale = d3.scale.ordinal() 
        .domain(d3.range(dataset.length)) 
        .rangeRoundBands([padding, h- padding], 0.05); 

    svg.selectAll("rect.bars") 
       .data(dataset) 
       .enter() 
       .append("rect") 
       .attr("class", "bars") 
       .attr("x", 0 + padding) 
       .attr("y", function(d, i){ 
        return yScale(i); 
       }) 
       .attr("width", function(d) { 
        return xScale(d.values[0]); 
       }) 
       .attr("height", yScale.rangeBand()) 

Answer 1

합니다. 즉,

.attr("height", function(d,i) { 
      if(i == 5) { 
       return 5; 
      } 
      return yScale.rangeBand(); 
     }) 

과 같이 사용할 수 있습니다. 6 번째 막대를 5 픽셀 높이로 만듭니다. 물론이 값은 yScale.rangeBand()에 근거 할 수 있습니다. 즉, 간격을 넓히기 위해 특정 숫자를 뺍니다.