javascript-d3.js按汇总字段排序

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-d3.js按汇总字段排序，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1345字，纯文字阅读大概需要2分钟。

内容图文

我有一个JSON数据,我想按一个字段分组,然后按计数排序.

var data = [{"Name":"Ravi","Country":"India"},
            {"Name":"Alex","Country":"USA"},
            {"Name":"Stew","Country":"UK"},
            {"Name":"Mary","Country":"India"},
            {"Name":"Raju","Country":"India"},
            {"Name":"Bill","Country":"UK"},
            {"Name":"Elisa","Country":"UK"},
            {"Name":"Sharma","Country":"India"}];

我的d3.js查询如下

var countryCount = d3.nest()
                    .key(function(d) { return d.Country; })
                    .rollup(function(a){return a.length;})
                    .entries(data);
console.log(JSON.stringify(countryCount));

我的输出是

[{"key":"India","values":4},{"key":"USA","values":1},{"key":"UK","values":3}]

通过我想要的输出是(按汇总值排序)

[{"key":"India","values":4},{"key":"UK","values":3},{"key":"USA","values":1}]

我怎样才能做到这一点？我知道以下浏览器默认排序方法也可以提供所需的输出.但是只是想清除d3.js是否提供任何内置方法来实现此目的.

console.log(JSON.stringify(countryCount.sort(function (a, b){
    if (a.values > b.values) {return -1;} 
    else if (a.values < b.values) { return 1;} 
    else  return 0;
})));

解决方法:

D3提供条件ascending descending,您可以在sort method上使用内部.不用担心,您正在使用具有很好的stability的本机JavaScript方法

var countryCount = d3.nest()
                    .key(function(d) { return d.Country; })
                    .rollup(function(a){return a.length;})
                    .entries(data)
                    .sort(function(a, b){ return d3.ascending(a.values, b.values); })

console.log(JSON.stringify(countryCount));

内容总结

以上是互联网集市为您收集整理的javascript-d3.js按汇总字段排序全部内容，希望文章能够帮你解决javascript-d3.js按汇总字段排序所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端