使用dc.js对条形图中的条进行排序

Question

我是 dc.js 和 d3.js 的新手。我创建了一个条形图以及饼图和带有dc.js的折线图。

现在，在条形图中，我想根据每个条形图所代表的值对条形图进行排序。 （例如，通过单击按钮。）这可以使用dc.js吗？

请注意，我设计了我的条形图，使得X轴代表地理位置，Y轴按比例缩放。

Answer 1

你能告诉我们一些代码吗？

过去我用这种方式做了一个行图：

var topRowChart = dc.rowChart("#chart-top-dest");

topRowChart
.height(400)
.width(400)
.dimension(destination, "destination")
.group(calls,"calls")
.ordering(function(t){return t.calls;})
.label(function(d){ return d.key + " : " + d.value + " calls" ;})
.cap(10);

重要的一点是：

.ordering(function(t){return t.calls;})
.cap(10);

您必须将函数传递给 ordering（），该函数将返回将用于排序的维度/组。

令人惊讶地删除 cap（）会取消排序。