Я строю диаграмму D3 с временной шкалой по оси x. Диапазон оси х может меняться.
Как я могу указать правильную ширину для столбцов на гистограмме? Я видел, как люди использовали rangeBands
для порядковых масштабов, но я не уверен, как это сделать с помощью шкалы времени.
Вот мой код:
var x = d3.time.scale().range([0, width]);
var xAxis = d3.svg.axis().scale(x).orient("bottom");
[...]
// After new data has been fetched, update the domain of x...
x.domain(d3.extent(data, function(d) { return d.date; }));
d3.select(".x.axis").call(xAxis);
// ... and draw bars for chart
var bars = svg.selectAll(".air_used")
.data(data, function(d) { return d.date; });
bars.attr("y", function(d) { return y(d.air_used); })
.attr("height", function(d) { return height - y(d.air_used); })
.attr("x", function(d) { return x(d.date); })
.attr("width", 20) // ??
Что я должен поставить на последней строке вместо 20?
UPDATE: JSFiddle здесь: http://jsfiddle.net/aWJtJ/2/