为d3.js路径排序数据

cru*_*uxi 5 svg path d3.js

我想用d3.js创建一个具有x轴日期的路径.这是完美的,但我的问题是,我的json-object没有排序,所以路径不正确: 在此输入图像描述

我找不到对我的数据进行排序的功能 - 或者我必须自己写一个?如果是,我会尝试但是如果还有其他可能性..;)

            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));
Run Code Online (Sandbox Code Playgroud)

有人有想法吗?谢谢!

Bar*_*cki 5

你看过d3.ascending吗? https://github.com/mbostock/d3/wiki/Arrays#wiki-d3_ascending

或者你可以这样做......

在d3.js中对选择进行排序会干扰数据连接

  • 感谢您的回复.我认为我之前没有理解;)现在我只是在开头编写了一个非常简单的函数:`data.sort(function(a,b){return d3.ascending(a.finished_at,b.finished_at); });` (4认同)