d3、jsすべての負の値で水平棒グラフ上のXおよびYドメインを設定する

Question

すべての負の値を持つ水平d3棒グラフにxドメインとyドメインを設定する方法？すべて正の値を持つ棒グラフについてドメインは次のようになります。

x.domain([0, d3.max(data, function (d) { 
     return Math.abs(d.value); 
    })]); 
    y.domain(data.map(function (d) { 
     return d.dataset; 
    })); 

正と負の値と棒グラフの場合、ドメインは、次のようになります。

x.domain(d3.extent(data, function (d) { 
    return d.value; 
})); 

y.domain(data.map(function (d) { 
    return d.dataset; 
})); 

しかし、私は避難所」棒グラフがすべてのの負の値を持つとき、それを正しく得ることができました。

ありがとうございました。

Answer 1

余計に余計なことをしていましたが、他のこともありました。

https://jsfiddle.net/fmr1x1gu/7/

var margin = {top: 30, right: 10, bottom: 50, left: 50}, 
    width = 500 - margin.left - margin.right, 
    height = 300 - margin.top - margin.bottom; 

svg.selectAll(".bar") 
    .data(data) 
    .enter().append("rect") 
    .attr("class", function (d) { 
     return "bar bar--" + (d.value < 0 ? "negative" : "positive"); 
    }) 
    .attr("x", function (d) { 
     return width - x(d.value); 
    }) 
    .attr("y", function (d) { 
     return y(d.dataset); 
    }) 
    .attr("width", function (d) { 
     return x(d.value); 
    }) 
    .attr("height", y.bandwidth());