gpt4 book ai didi

javascript - 对 nvd3 图表上的条形进行排序

转载 作者:行者123 更新时间:2023-12-03 11:44:32 24 4
gpt4 key购买 nike

有没有一种简单的方法可以在Nvd3discreteBarChartHorizo​​ntalBarChart上对条形进行排序(升序或降序) >。我认为应该在主库(Nvd3)中添加一个函数,以便可以按如下方式使用该选项:

.sortAscending(true) //Used for ascending bars according to their value
or
.sortDescending(true) //Used for descending bars according to their value

最佳答案

试试这个,我在我的应用程序中实现了,在返回图表对象之前将其包含在您的 addGraph 方法中

var parent = $('svg').parent().attr("id");

//向您的 DIV 添加一个按钮并提供 onclick evet 函数

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);
}

关于javascript - 对 nvd3 图表上的条形进行排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26114534/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com