javascript - ダニはd3jsのズーム時に複製を開始します

Question

d3折れ線グラフにズームを実装しました。正常に動作しています。しかし、あるレベルでズームした後、y軸の目盛りが（3.400000001）のように10進数になり始め、コードを追加しました

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

その後、問題は解決され、数値は整数になりました。しかし、あるレベルでズームすると、同じ数値がy軸で繰り返され始めるという別の問題が発生します。その問題を解決する方法

または、y 軸の目盛りを小数点以下 2 桁に制限する方法を教えてください。

これは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);