Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/387.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 刻度开始在缩放d3js时加倍_Javascript_Graph_Charts_D3.js - Fatal编程技术网

Javascript 刻度开始在缩放d3js时加倍

Javascript 刻度开始在缩放d3js时加倍,javascript,graph,charts,d3.js,Javascript,Graph,Charts,D3.js,我实现了d3折线图的放大,效果很好。 但在某种程度上放大后,y轴上的刻度开始以十进制数字出现,比如(3.400000001),然后我添加了代码 .tickFormat(d3.format(",.0f")) 然后问题解决了,数字变成了整数。 但现在另一个问题出现了,在某个级别上缩放时,相同的数字开始在y轴上重复。 如何解决这个问题 或者告诉我一种将y轴上的刻度限制在小数点后两位的方法 这是我的Yaxis代码 var yAxis = d3.svg.axis().scale(y).tickForma

我实现了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");
试着这样做:


你试过
.tickFormat(d3.format(“,.2f”)
var yAxis = d3.svg.axis().orient("left").scale(y).ticks(10, d3.format(",d")).tickSubdivide(4).tickSize(6, 3, 0);