javascript - 在 dc.js 图表中显示前 n 个结果

Question

我有一个包含许多(数千个)“类别”的数据集。我想显示包含前 15 个类别的行图，但不知道如何实现。如果没有任何默认的“过滤器”，行图会显示图表上的每个类别，这看起来很糟糕。我只想显示前 15 个类别，但基于当前的交叉过滤器。如何使用 dc.js 和 crossfilter 做到这一点？

目前，我的维度函数如下所示:

const myCategoriesDimension = crossFilterData.dimension(
        (d) => {
          return d.category;
        } );

我的群组功能如下:

const myGroup = myCategoriesDimension.group();

我的行图如下所示:

 categoriesChart
        .width(1200)
        .height(1200)
        .dimension(myCategoriesDimension)
        .group(myGroup)
        .elasticX(true);

Answer 1

我想你想要.cap()

https://github.com/dc-js/dc.js/blob/develop/web/docs/api-latest.md#dc.capMixin+cap

它并不适用于所有图表，但适用于行图。