javascript - scaleTime() 上的刻度线不起作用

Question

我正在尝试设置一个时间刻度，其中包含 2 个相隔 40 天的日期。我的数据是:

[
   {
      "date": "Wed Jul 06 2016 16:44:14 GMT-0400",
      "dailyVerified": 44,
      "totalVerified": 206
   },
   // other data would go here...
   {
      "date": "Sun Aug 14 2016 16:44:14 GMT-0400",
      "dailyVerified": 27,
      "totalVerified": 2109
   }
]

当尝试设置scale.ticks(x)时，它似乎没有做任何事情。代码是:

var x = d3.scaleTime();

x
  .domain([firstDate, lastDate])
  .range([0, 600])
  .ticks(d3.timeDay.every(3))

For full code see jsbin .

我尝试将刻度设置为每 3 天一次，就像 api 文档中一样，但它似乎没有做任何事情 - 刻度仍然按周划分。有什么想法吗？是不是我设置的域名不正确？

Answer 1

我明白了。我试图在轴而不是刻度上设置刻度。所以代替:

x.ticks(d3.timeDay.every(5))

我需要做:

const xA = d3.axisBottom(x);
// set the ticks on the axis
xA.ticks(d3.axisBottom(x))