backbone.js - D3.jsを使用しているときに、グラフの軸スケールで不要な線を削除するにはどうすればよいですか?

Question

D3.js を使用して、グラフに対数の値があります。しかし、ここには実際には必要のない行数があります。どうすれば削除できますか。参照用に添付のスクリーンショットを見つけてください。

Answer 1

tickvalues を使用して厳密に見たい値を渡します。

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

var axis = d3.svg.axis();

axis.scale(s).tickFormat(
    function (d) {
        return s.tickFormat(3,d3.format(",d"))(d)
}).tickValues([1,10,100])

d3.select("body").append("svg")
    .attr("class", "axis")
    .attr("width", 400)
    .attr("height", 300)
    .append("g")
        .attr("transform", "translate(30,30)")
        .call(axis);

例: http://jsfiddle.net/2hvxc/2/