更改d3.js中的滴答频率

Question

我正在使用nvd3.js.我有一个情节，我的图表中的刻度频率每两天进行一次。

示例：01/10 - 03/10 - 05/10 - 07/10 ..

我在此图表中显示的结果每天只有一个值。

有没有办法将刻度设置为日复一日显示？

Answer 1

默认情况下，nvd3 / d3自行决定刻度数。您应指定tickValues进行自定义。请看这个示例jsfiddle

Currenly，你所描述的问题也是一样的。 尝试取消注释tickValues方法，您将获得所需内容 - jsfiddle

chart
  .xAxis
  .axisLabel("Date (m/y)")
  .tickValues(function (d) {
    return d[0].values.map(function (item) {
        return item.x;
    });
  })
  .tickFormat(function (d) {
      return d3.time.format("%m/%y")(new Date(d))
  });

Answer 2

你试过吗

chart.reduceXTicks(false)

默认情况下，NVD3显示缩减的刻度。