javascript - D3 时间尺度 - ticks(count) 产生错误，省略 ticks(count) 不产生错误

Question

我正在实现时间轴功能并使用 d3.time.scale D3 中的对象来制作一个轴。这是代码:

var t = 1066555;

var xd = [new Date(t-10000), new Date(t)],
    x = d3.time.scale()
        .domain(xd)
        .range([0, 300])
        .ticks(10);

var xaxis = d3.svg.axis().scale(x);

var svg = d3.select('body').append('svg').attr('height', 90).attr('width', 300);

svg.append('g').attr('class', 'x axis').call(xaxis);

一切正常，直到我添加 ticks()缩放初始化。添加时，.call(xaxis) 抛出 Uncaught TypeError: scale.copy is not a function。当 ticks() 被删除时，没有错误并且比例按预期工作。根据ticks documentation指定滴答计数是合法的。知道为什么会抛出错误吗？代码与 Mike Bostock's time scale block 几乎相同.

我在这里做了一个 jsfiddle:http://jsfiddle.net/connorgr/4zgx9t59/1/

Answer 1

您的代码:

x = d3.time.scale()
        .domain(xd)
        .range([0, 300]).ticks(10);
var xaxis = d3.svg.axis().scale(x)

它应该如下添加在轴上

x = d3.time.scale()
        .domain(xd)
        .range([0, 300])

var xaxis = d3.svg.axis().scale(x).ticks(10);

工作代码here

希望这对您有所帮助!