如何使用dc.js显示行图的底部数据

Question

我正在使用Dimensional Charting javascript库dc.js制作行图，该库基于d3和crossfilter。我显示了top（10）数据的行图。但是我试图显示bottom（10）数据的行图，但是graph可以显示与top（10）data.how相同以显示bottom（10）数据。

  constRowChart.width(350)
    .height(1000)
    .margins({top: 20, left: 120, right: 10, bottom: 20})
    .transitionDuration(750)
    .dimension(density)
    .group(const_total)
    .renderLabel(true)
    .gap(1)
    .title(function (d) {
        return "";
    })
    .elasticX(true)
    .colors(d3.scale.category20c())
    .ordering(function(d) { return d.value })
    .xAxis().ticks(3).tickFormat(d3.format("s"));

constRowChart.data(function (group) {
    return group.top(10);
});

Answer 1

如果您不想像@LarsKotthoff建议的那样创建另一个维度/组，您还可以使用.top(Infinity)，然后使用.splice(-10)数组中的最后十个条目。

在拥有额外维度与排序所有数据之间存在效率权衡，因此您可以尝试两者来查看哪些表现更好。