javascript - D3 棒グラフの特定の棒の間のギャップを変化させる

Question

チャートの 6 番目とバーの間、およびチャートの 12 番目と 13 番目のバーの間のギャップをより顕著にしたい棒グラフがあります。現在、私は.rangeRoundBandsこれを使用しており、特定の四角形に対してそれをオーバーライドする方法はないようです(その特定の四角形にパディングとマージンを追加しようとしましたが、成功しませんでした)。

ここにグラフのjsfiddleがあります

そして、バンドとバー自体を生成するための私のコード:

    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())