Javascript 如何在d3js图形中删除y轴刻度的小数点

这里是我的d3js图的链接 问题是y轴表示年份，其json数据的值为2008.5和2009.0

 [{count:200,year:2008},
    {count:240,year:2010},
    {count:290,year:2009}];

我想显示没有小数点的年份。怎么做。 下面是我的d3js代码

    var w = 300,
    h = 300,
    padding = 31,
    p = 10;

var data = [{count:200,year:2008},
    {count:240,year:2010},
    {count:290,year:2009}];

var bar_height = d3.scale.linear()
    .domain(d3.extent(data, function(d) { return d.count; }) )  // min max of count
    .range([p,h-p]);  // min max of area to plot in


var bar_xpos = d3.scale.linear()
    .domain(d3.extent(data, function(d) { return d.year; }) )  // min max of year
    .range([p,w-p]);  // min max of area to plot in


var xAxis = d3.svg.axis()
            .scale(bar_xpos)
            .orient("bottom")
            .ticks(5);  //Set rough # of ticks

var yAxis = d3.svg.axis()
            .scale(bar_height)
            .orient("left")
            .ticks(5);

var svg = d3.select("svg")
    .attr("width", w)
    .attr("height", h);

svg.append("g")
    .attr("class", "axis")
    .attr("transform", "translate(0," + (h - padding) + ")")
    .call(xAxis);

svg.append("g")
    .attr("class", "axis")
    .attr("transform", "translate(" + padding + ",0)")
    .call(yAxis);

查看网上的文档

如果使用

d3.format（）

格式化轴，则轴值将看起来更好

var formatxAxis = d3.format('.0f');

var xAxis = d3.svg.axis()
            .scale(bar_xpos)
            .orient("bottom")
            .tickFormat(formatxAxis)
            .ticks(5); 

.0f

表示：
我希望小数点后的精度为0位，并且希望值是固定的，即不是四舍五入而是截断的

---

但是，您会注意到，由于您将精度固定在小数点后0位，因此2009.5和2009.0的格式都将设置为2009。这意味着两个轴记号可能具有相同的值。如果多年来您有足够的数据点，此错误就会消失。

但有时我也会显示较低的数据…是否有其他方法，以便在较低或较低的数据点时，我不会有相同值的两个轴刻度data@jade也许您可以有条件地处理ticks（）？因此，看看d3.min（）和d3.max（）的最小年数和最大年数，然后如果范围小于，比如说3年，则减少滴答数，例如滴答（3）。否则保持在5。这有意义吗？