svg - D3 軸スケールで対数値の代わりに数値を取得するにはどうすればよいですか?

Question

私は次のコードを試しました、

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

軸では、軸の値で1e+0、2e+0、3e+0、4e+0の値を取得しています。しかし、10、100、1000、10000 などの対数値が必要です....

score 19 · Accepted Answer

を軸機能と組み合わせて使用しlog.scaleます。tickFormattickFormat

例えば。1 -> 10000 対数スケールを設定:

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

次に、軸を設定します。

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

例

4 つのティック (10 の累乗ごとに 1 つ) が必要であり、数字をコンマでフォーマットします。

1 に答える 1