使用D3.js时如何删除图表的轴刻度中不需要的线条？

Question

我使用D3.js在我的图表中有Logarthmic值。但在这里，我有更多的线路，我实际上并不需要。我怎么能删除它。请查看随附的屏幕截图以供参考..

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/