Dezimalwert auf d3.js y-Achse

Question

I ein Problem habe mit Skala Einstellen auf der y-Achse für eine d3.js Visualisierung, die ich arbeite. Auf der Skala ist es zeigt die Werte als 1.0,2.0

ich den Wert auf 0.3,0.4,0.5,0.6 statt 3,4,5,6 ändern möchten.

ist mein Code angebracht unten:

var y = d3.scale.linear() 
    .domain([0, d3.max(stateById.values(), function(d) { return d.total; })]) 
    .rangeRound([height, 0]) 
    .nice(); 

var yAchse = d3.svg.axis() .scale (y) .orient ("links") .tickFormat (d3.format (“ .1f "));

Bitte geben Sie an, welche Änderung ich in der Zeile oben vornehmen sollte. Vielen Dank.

Answer 1

Im Wesentlichen müssen Sie die Funktion tickFormat ändern, um das Datum durch zehn zu teilen. Es kann auch sinnvoll sein, den d3.format(".1f") in einer externen Variablen zu speichern und stattdessen zu verwenden.

.tickFormat(function (d){ 
    return d3.format(".1f")(d/10); 
})