d3.js - 如何在 D3 中显示 Axis 上最后一个刻度的值？

Question

我使用d3.time.scale生成x轴，域范围从1980年到2013年(年)
但是，刻度值仅显示到 2012 年，而不是 2013 年。

我尝试了 .ticks()，但直到刻度计数为 25 时才会显示最终刻度值...

虽然我可以通过手动将域增加到 2014 年来添加最终值，但有没有办法显示最后一个刻度的刻度值？

xAxis = d3.svg.axis()
        .scale(xScale).tickSize(20)

var maxYear = format.parse('2014')

xScale = d3.time.scale().domain([min,max])
    .range([100,width-200])    //domain = [1980 ~ 2013] 


var min = d3.min(data, function(d) {
    return d.Year;              // + operator converts string to number.
})

var max = d3.max(data, function(d) {
    return d.Year;
})

先感谢您。

Answer 1

您是否尝试过使用 .nice() ?

https://github.com/d3/d3-scale/blob/master/README.md#time_nice

这应该可以完成这项工作:

xScale = d3.time.scale().domain([min,max])
    .range([100,width-200])    //domain = [1980 ~ 2013]
    .nice()