刻度线开始重复缩放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);