2012-11-30 28 views
5

Tôi muốn tạo đường dẫn có d3.js có ngày cho trục x. Điều này làm việc hoàn hảo, nhưng vấn đề của tôi là, đối tượng json của tôi không được sắp xếp sao cho đường dẫn không chính xác: Sắp xếp dữ liệu cho đường dẫn d3.js

Tôi không thể tìm thấy chức năng sắp xếp dữ liệu của mình - hoặc tôi phải viết một cái của riêng tôi? Nếu có, tôi sẽ thử nhưng nếu có khả năng khác ..;)

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

Có ai có ý tưởng không? Cảm ơn!

Trả lời

5

Bạn đã xem d3.ascending chưa? https://github.com/mbostock/d3/wiki/Arrays#wiki-d3_ascending

hoặc bạn có thể làm điều này ...

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

+4

Cảm ơn trả lời của bạn. Tôi nghĩ rằng tôi đã không có ý nghĩa trước đây;) Bây giờ tôi chỉ viết một hàm ở đầu mà rất easiliy: 'data.sort (function (a, b) {return d3.ascending (a.finished_at, b.finished_at); }); ' – cruxi

+0

Yeah ... khi chơi với d3.js, tôi mất vài ngày để hiểu được API. –

Các vấn đề liên quan