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

Try like this :

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