2013-07-11 17 views
7

Bir d3.js ekseninde büyük sayıların kısaltılması için bir yol var mı? Çevrimiçi bir yardımcı yöntem görüyorum ama tekrar bulamıyorum. Grafik kenar boşluklarımı azaltmak ve daha kolay okunmasını sağlamak için büyük sayıları kısaltmak istiyorum.d3.js - eksende büyük sayıları kısaltılmış biçimde göster

yani 1,000,000 = 1M vb

kimse takdir edilecektir d3.js yardımcı sınıfı için bir bağlantı sonrası durumunda.

+3

Ne 'SI öneki' arıyoruz ve [format-an 'a bir göz atın. toprak rengi-ile-si-önek ile sabit-numarası-of-ondalık] (http://stackoverflow.com/questions/13828003/format-a-number-with-si-prefix-with-fixed-number-of -decimals) ve [D3 biçimlendirme] (https://github.com/mbostock/d3/wiki/Formatting). – havarc

+0

Bana doğru yönde işaret ettiğin için teşekkürler. – paligap

cevap

0

Merhaba, şu bağlantıyı kontrol edin: http://bl.ocks.org/zanarmstrong/05c1e95bf7aa16c4768e. Belki bu size yardımcı olabilir.

Eksen için aşağıdakileri kullanabilirsiniz.

chart.yAxis().ticks(5).tickFormat(d3.format("s")); 

Ben bu

+1

Bağlantıları kullanmayın. Bağlantının arkasındaki içeriğin ne olduğunu açıklar. – buhtz

+1

Tamam, belki de kurallar açıklamasız bir bağlantı kullanmıyor, ancak bağlantınız yardımcı oldu. Teşekkürler. – Patricia

1

Kontrol dışarı Bu d3 v4 benim için çalışıyor bu bağlantıyı https://bl.ocks.org/mbostock/9764126

yardımcı olabilir dc.js ve d3.js

Umut kullandı:

function make_y_gridlines() {  
     return d3.axisLeft(yScale) 
       .ticks(10,"s") 

}