javascript - 刻度在缩放 d3js 时开始复制

Question

我在 d3 折线图中实现了放大。工作正常。但是在放大到某个级别之后。y轴上的刻度开始以十进制数字表示，例如（3.400000001）然后我添加了代码

.tickFormat(d3.format(",.0f"))

然后问题解决了，数字变成了整数。但是现在出现了另一个问题，即在某个级别上缩放时，相同的数字开始在 y 轴上重复。如何解决这个问题

或者告诉我一种将 y 轴刻度限制为小数点后两位的方法。

这是我的 Yaxis 代码

var yAxis = d3.svg.axis().scale(y).tickFormat(d3.format(",.0f")).ticks(10).orient("left");

Answer 1

试试这样：

var yAxis = d3.svg.axis().orient("left").scale(y).ticks(10, d3.format(",d")).tickSubdivide(4).tickSize(6, 3, 0);