d3 v5軸過渡

Question

我在d3 v5中有一個圖形，該圖形一次顯示一部分數據集，並在按下按鈕時對其進行更新。 圖形內容（線，多邊形，圓，圖像和文本）過渡很好，但是我不知道如何在d3 v5中過渡軸。

我試圖按照本教程進行操作： https : //bl.ocks.org/HarryStevens/678935d06d4601c25cb141bacd4068ce

可悲的是，它使用的是d3 v4。 我試圖在項目中使用該語法，但在d3 v5中的過渡上似乎無法使用調用。

問題是這部分：

svg.select(".x")
  .transition()
    .call(x_axis);

我收到此錯誤：

error TS2345: Argument of type 'Axis<number | { valueOf(): number; }>' is not assignable to parameter of type '(transition: Transition<BaseType, { x: Date; y: number; doubt: number; }[][], HTMLElement, any>, ...'.
Types of parameters 'context' and 'transition' are incompatible.

繼續一點，基本上它說axisBottom函數應該應用於選擇而不是轉換。

我環顧四周，但是我找到的所有東西都使用d3 v4或沒有提及軸過渡。 因此：可以在d3 v5中轉換軸嗎？

Answer 1

感謝@Mark，我意識到我是從錯誤的角度看問題。 它不是來自d3，而是來自Typescript。 axisBottom變量是一個函數，當用作回調時，Typescript要求它具有上下文。 綁定此解決了該問題，如：

svg.select(".x")
  .transition()
    .call(x_axis.bind(this));