D3.js 什么是'；d3.svg.axis（）'；在d3版本4中？

我如何用新版本的D3API替换下面的行

我已经将

scale.linear（）

替换为

scaleLinear（）

根据新API，需要更换以下行：

var xAxis = d3.svg.axis().scale(xRange).tickFormat(function(d) { return d.x;});
var yAxis = d3.svg.axis().scale(yRange).orient("left");

D3V4API。根据报告：

D34.0提供了默认样式和更短的语法。D34.0取代了d3.svg.axis和axis.orient，现在为每个方向提供了四个构造函数：d3.axisTop、d3.axisRight、d3.axisBottom、d3.axisLeft

因此，这些行应该是：

var xAxis = d3.axisBottom(xRange).tickFormat(function(d){ return d.x;});
var yAxis = d3.axisLeft(yRange);

---

PS：我假设您希望记号位于轴的下方，这通常是这样的，因为您没有在原始行中显示

方向

PPS：在撰写本文时，链接文档适用于D3 v4。警告，选择器：这可能会在任何时候发生变化（请参见下面的评论）。
这可能值得链接到v4 API参考，因为这是专门为其提出的问题。现在，您正在链接模块d3 axis v1.0.8，它恰好是d3 v4中包含的版本，但是，这可能很快就会改变。在这些情况下，我尝试使用引用v4.13.0标记之类的链接。你对此有何看法？也许我错了，但在我看来，如果你点击
“轴（d3轴）”
或你共享的链接中的任何其他部分，它将进入同一页面，即。因此，链接特定版本似乎对重定向的README.md文件没有影响。你是对的。太糟糕了。更糟糕的是，我想不出办法来解决这个问题。因此，与文档的每个链接在任何时候都可能过时。另一方面，这也是网站上的链接被认为有点可疑的原因。
var xAxis = d3.axisBottom(xRange).tickFormat(function(d){ return d.x;});
var yAxis = d3.axisLeft(yRange);