d3 js - как инвертировать d3.extent

Question

Я нарисовал оси в d3, используя метод d3.extent, чтобы определить максимальные и минимальные значения для оси.

Однако по умолчанию d3 рисует ось y вверх дном (d3 bar chart is upside down), и мне нужно его инвертировать.

Как я могу рассказать о методе, чтобы инвертировать результаты?

Answer 1

Вы можете использовать d3.extent функцию в сочетании с reverse:

var yScale = d3.time.scale() 
       .domain(d3.extent(data.History, function (d) { return d.ArrivalTime; }).reverse()) 
       .range([margin.top, chartHeight - margin.top * 2]); 

Answer 2

Мне удалось сделать это вручную, используя следующий код. Я не могу найти аккуратнее путь, чем это:

var yMax = d3.max(data.History, function (d) { return d.ArrivalTime }); 
var yMin = d3.min(data.History, function (d) { return d.ArrivalTime }); 

var yScale = d3.time.scale() 
       .domain([yMax, yMin]) 
       .range([margin.top, chartHeight - margin.top * 2]);