d3 linechart domen etki alanı x ekseni

Question

D3'e göreceli olarak yeniyim ve bir şeyin neden çalışmadığını anlayamıyorum .. D3 ile çizgi grafik çizmek istiyorum ve bu iyi çalışıyor, ama eksenlerle ilgili problemlerim var. Aşağıdaki kodu yanlış yerde gider ve nasıl çözüleceğini görmüyorum ile

...

var x = d3.scale.linear() 
.range([0, width]); 

var xAxis = d3.svg.axis() 
.scale(x) 
.orient("bottom"); 

x.domain(d3.extent(data, function(d) { return d.age; })); 

d.age bir tamsayı (1 gibi; 2; 3 vb) ise, bu işleri iyi. Ama x ekseninde ipler istiyorum. gibi ("hollanda", "İngiltere", "Belçika").

Yani, d.age bir tamsayıysa, grafiği çizer, eğer d.age bir dizgidir, hiçbir şey çizmez.

Ayrıca ordinal kullanmak için doğrusal yerine çalıştı, ancak bu yanlış bir grafik verdi. (garip görünümlü çizgiler ...). Birisinin bana yardımcı olabileceğini umuyorum.

Answer 1

Kategorik değerler bir eksende kullanmak isterseniz, kategorik (sıralı) bir ölçeğe ihtiyacınız vardır. the documentation'a bir göz atın. Bu veya belirli bir tarayıcıyla uygulanabilir olmayabilir fazla ayrıntı için here bakınız - Kodunuz bu dize değerlerini ayıklamak için map kullandığı

var x = d3.scale.ordinal().rangeRoundBands([0, width]); 
var xAxis = d3.svg.axis().scale(x).orient("bottom"); 

x.domain(data.map(function(d) { return d.country; })); 

Not benzer görünümde olacaktır. İşte Kullanım

var x = d3.scale.ordinal().rangePoints([0, width]); 

Answer 2

size reaksiyon için keman Bağlantı http://jsfiddle.net/sk2Cf/