如何减少d3条形图中的Y轴刻度值？

我使用条形图。 y轴的数量是9.因此，y轴值从0到9显示。它看起来非常拥挤。我需要减少显示的值乘以2/3。如何减少d3条形图中的Y轴刻度值？

这里是我的Y轴代码：

yAxis = d3.svg.axis() 
     .scale(yRange) 
     //.ticks(2) 
    // .tickValues(function(d,i){return totalEmpArray[i];}) 
     .tickSize(0) 
     .orient("left") 
     .tickSubdivide(true);

来源

2015-05-29 0991

这是一个链接，它可以帮助您了解d3图表属性。 https://github.com/mbostock/d3/wiki/SVG-Axes –

yAxis.ticks(6)

或

yAxis.tickValues([0,2,4,6,8,10])

见documentation。

来源

2015-05-29 06:24:51 meetamit

是否可以这样使用：.tickValues（function（d，i）{return totalEmpArray [i];}）？ – 0991

我们不能让数值除以2/3吗？ – 0991

@ 0991号在这种情况下，'d'和'i'会是什么？ Axis没有提及你的数据。 – meetamit

如何减少d3条形图中的Y轴刻度值？

回答

相关问题