在d3 js中為x時間軸設置范圍和域

Question

我對d3 js相當陌生，但在設置軸方面仍然存在問題。 我正在嘗試為水平浮動條形圖設置時間軸。 我的代碼看起來相對相同，但有一個小例外，即往返於201808、201809等（年和月）。

通過下面的示例可以輕松地編輯代碼。 更改在數據集中和：

var xAxis = d3.axisBottom(x)
      .tickFormat(d3.time.format("%Y%b"));

顯然，這不是將時間分配給軸的最明智的方法，但是我仍然對軸的域，范圍和比例有問題。

Answer 1

您的主要問題是您無法混合使用d3v3和d3v4 API調用

不

var xAxis = d3.axisBottom(x)
      .tickFormat(d3.time.format("%Y%b"));

但

var xAxis = d3.svg.axis().scale(x).orient("bottom");
    // .tickFormat(d3.time.format("%Y%b"))

提示您的控制台的原因是您看不到東西的可能原因

要獲取時間軸，您需要使用時間刻度，並且需要解析時間，但是它們是數字，因此您可以使用

function NumberToDate(n) {
   return new Date(n/100, (n%100)-1, 1);
}

Julyy是一（1）y。

怎么可能從未來回到過去

{"month": "May", "to": 201803, "from": 201812}