backbone.js - 使用 D3.js 时如何删除图表轴比例中不需要的线条？

Question

我使用 D3.js 在我的图表中有对数值。但是在这里我有更多我实际上不需要的行。我怎样才能删除它。请找到随附的屏幕截图以供参考。

Answer 1

严格使用刻度值传递您想要查看的值：

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/