2012-11-30 12 views
5

x3の日付を持つd3.jsでパスを作成したいとします。これは完全に動作していますが、私の問題は、jsonオブジェクトがソートされていないため、パスが正しくないためです。 enter image description hered3.jsパスのデータをソート

データをソートする関数が見つかりませんでしたか?私自身で書きますか?そうならば、別の可能性がある場合、私はそれを試してみてくださいだろうが...;)

  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)); 

は誰も考えていますか?ありがとう!

答えて

5

d3.ascendingを見ましたか? https://github.com/mbostock/d3/wiki/Arrays#wiki-d3_ascending

やお返事のためにあなたがこれを行うことができます...

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

+4

感謝。私は前に感覚を持っていなかったと思う;)今、私はちょうど始めに非常に簡単に並べ替える関数を書いた: 'data.sort(function(a、b){return d3.ascending(a.finished_at、b.finished_at); }); ' – cruxi

+0

ええと... d3.jsで遊んでいるときに、APIを理解するのに数日かかりました。 –

関連する問題