如何減少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軸刻度值？

回答

相關問題