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

Question

我正在使用Dimensional Charting javascript库dc.js制作一个行图，该库基于d3和crossfilter。我正在显示顶部（10）数据的行图。但我正在尝试显示底部（10）的行图，但图形可以与顶部（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)——数组的最后十个条目。

在拥有额外维度和对所有数据进行排序之间存在效率权衡，因此您可能会尝试两者，看看哪一个表现更好。