Javascript 在D3.js中对大型CSV进行排序

我正在尝试使用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文件可在此处找到：

---

非常感谢您的帮助

排序函数按字母顺序排序。首先将总数转换为数字

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

---

谢谢我本来以为这些都是数字（很抱歉，我还在学习javascript）。