Jak mogę uzyskać wartości numeryczne zamiast wartości Logarthmic w skali osi D3?

Question

Próbowałem poniższy kod,

d3.scale.log().domain([1,4]).range([h, 0]); 

w osi dostaję wartości jako 1e, 2e + 0 + 0 + 0, 3e, 4e + 0 wartości osi. Ale muszę wartości lograthmic takich jak 10, 100, 1000, 10000 ..etc ....

Answer 1

Użyj log.scale „s tickFormat w połączeniu z osią tickFormat funkcji.

np. ustawić 1 -> 10000 skalę dziennika:

var s = d3.scale.log().domain([1, 10000]).range([1000, 0]) 

Następnie należy skonfigurować oś:

var axis = d3.svg.axis().scale(s).tickFormat(function (d) { 
     return s.tickFormat(4,d3.format(",d"))(d) 
}) 

przykładowy

http://jsfiddle.net/2hvxc/

Chcemy 4 kleszczy - po jednym dla każdej władzy 10 - i sformatowane przecinkiem do cyfry.

Dowiedz się więcej na temat formatowania tutaj:
https://github.com/mbostock/d3/wiki/Formatting

Dowiedz się więcej o skalach dziennika tutaj:

i osi:
https://github.com/mbostock/d3/wiki/SVG-Axes#wiki-tickSize