Was ist 'd3.svg.axis()' in d3 Version 4?

Question

Wie kann ich die folgenden Zeilen durch die neue Version der D3 API ersetzen?

Ich habe bereits ersetzt scale.linear() mit scaleLinear()

var xRange = d3.scaleLinear() 
    .domain([OIResults.min,OIResults.max]).range([40, 360]); 

var yRange = d3.scaleLinear() 
    .domain(y_domain).range([360, 40]); 

Im Folgenden Linien müssen nach der neuen API ersetzt werden:

var xAxis = d3.svg.axis().scale(xRange).tickFormat(function(d) { return d.x;}); 
var yAxis = d3.svg.axis().scale(yRange).orient("left"); 

Answer 1

Die API ist here und es ist sehr einfach.

Die neue Version ist:

var xAxis = d3.axisBottom(xRange).tickFormat(function(d){ return d.x;}); 
var yAxis = d3.axisLeft(yRange); 

PS: unter der Annahme, dass Sie die Zecken wollen unter der Achse sein, da Sie nicht die orient in Ihrer ursprünglichen Linien zeigten.