在D3.js中对大型CSV排序

Question

我正在尝试使用D3.js对中等大小的CSV文件（约3000行）进行排序，然后再将其传递给可视化算法。

显然，我的代码有问题，因为排序似乎是在“块”中进行的-请参见上图。 我正在使用此d3函数：

            dataset.sort(function(a,b) {
              return d3.descending(a.counttotal, b.counttotal);
          });

这是代码：

    // Your D3 code will go here
    // safe way to load data 

    var dataset = [];
    d3.csv("subjects.csv",
            function(error, rows) {
                rows.forEach(function(r) {
                    dataset.push({
                        label: r.label,
                        counttotal: r.counttotal
                    })
                });
                generateVis();
            });


    function generateVis(){


        var h = dataset.length * 100; //7000;
        var w = 1000;


        dataset.sort(function(a,b) {
              return d3.descending(a.counttotal, b.counttotal);
          });


        var svg = d3.select("#svg-rect").append("svg")
            .attr('id','mySVG')
            .attr("width", w )
            .attr("height", h);

        var rects = svg.selectAll("rect")
                   .data(dataset)
                   .enter()
                   .append("rect");           

        rects.attr("x", 0)
            .attr("y", function(d, i){
                return i * 10 + 10;
            })
            .attr("width", function(d){
                return d.counttotal;
            })
            .attr("height", 8)
            .append("title")
            .text(function (d){
                return d.label + " has " + d.counttotal + " articles ";
            })


    };

可以在以下位置找到CSV文件： https : //www.dropbox.com/s/3kwzwqbgts8z2lh/subjects.csv?dl=0

任何帮助是极大的赞赏！

Answer 1

排序功能是按字母顺序排序。 首先将总数转换为数字...

dataset.sort(function(a,b) {
          return d3.descending(+a.counttotal, +b.counttotal);
      });