2012-11-30 21 views
5

x-ekseni için tarihleri ​​olan d3.js ile bir yol oluşturmak istiyorum. Bu mükemmel çalışıyor, ama benim sorunum, benim json-nesne benim yolun doğru olmadığı şekilde sıralanmadı: enter image description hered3.js yolu için veri sıralama

Verilerimi sıralayan bir işlev bulamadım ya da bunu yapmak zorunda mıyım? kendi başıma yazalım mı? Evet ise, bunu deneyeceğim ama eğer başka bir olasılık varsa ..;)

  var line = d3.svg.line() 
       .interpolate("linear") 
       .x(function(d) { return x(d.finished_at); }) 
       .y(function(d) { return y(d.result); }); 

      svg.selectAll("path") 
       .data(data) 
      .enter().append("path") 
       .attr("class", "line") 
       .attr("d", line(data)); 

Herhangi bir fikri olan var mı? Teşekkürler!

cevap

5

D3.ascending'e baktınız mı? Cevabınız için https://github.com/mbostock/d3/wiki/Arrays#wiki-d3_ascending

veya bunu yapabilirsiniz ...

Sorting a selection in d3.js disturbs the data-join

+4

teşekkürler. Sanırım daha önce anlamma gelmedim;) Şimdi başlangıçta çok kolay bir fonksiyon yazdım: data.sort (function (a, b) {return d3.ascending (a.finished_at, b.finished_at); }); ' – cruxi

+0

Evet ... d3.js ile oynarken, API'yi anlamak için bana birkaç günüm oldu. –