在NVD3图表上对条形排序 [英] Sort bars on nvd3 charts
本文介绍了在NVD3图表上对条形排序的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
是否有一种简单的方法可以在 Nvd3 discreteBarChart 或 HorizontalBarChart 上对条进行排序(升序或降序) >. 我认为应该将一个函数添加到主库(Nvd3)中,以便可以按以下方式使用该选项:
Is there a easy way to sort bars (ascending or descending) on Nvd3 discreteBarChart or on the HorizontalBarChart. I think a function should be added to the main lib (Nvd3) so that the option can be used as below:
.sortAscending(true) //Used for ascending bars according to their value
or
.sortDescending(true) //Used for descending bars according to their value
推荐答案
尝试在我的应用程序中实现,在返回图表对象之前将其包含在addGraph方法中
try this, i implemented in my application, include this in your addGraph method before returning chart object
var parent = $('svg').parent().attr("id");
///向您的DIV添加一个按钮,并提供onclick evet功能
//add a button to your DIV and give onclick evet function
d3.select("#"+parent).append('a').attr('href',"javascript:void(0)")
.text('Sort').on("click", sortBars).html('Sort');
//排序功能
var sortOrder;
var sortBars = function(){
if( !sortOrder || sortOrder == null)
sortOrder = true;
else sortOrder = false;
var historicalBarChart11 ;
var data1 = JSON.parse(JSON.stringify(data));//cloning object
sortdata = data1[0].values;
sortdata.sort(function(a,b){
if(sortOrder)
return a["value"]-b["value"];//[1];
else
return b.value-a.value;//[1];
});
for(var i=0;i<sortdata.length;i++){
data1[0]["values"][i] = sortdata[i];
}
d3.select('svg').datum(data1).transition().duration(500).call(chart);
}
这篇关于在NVD3图表上对条形排序的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文