【问题标题】:Show top n-results in dc.js chart在 dc.js 图表中显示前 n 个结果
【发布时间】:2016-05-06 23:35:17
【问题描述】:

我有一个包含许多(数千个)“类别”的数据集。我想显示一个包含前 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);

【问题讨论】:

    标签: javascript charts dc.js crossfilter


    【解决方案1】:

    我想你想要.cap()

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

    并非对所有图表都可用,但对行图可用。

    【讨论】:

    • 谢谢,这正是我所需要的。我在图表初始化中添加了 .rowsCap(15) 和 .othersGrouper(False) 并且效果很好。
    • 超级小费。谢谢。只是一个简短的评论。不过应该是.othersGrouper(false)
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-11-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-08-08
    相关资源
    最近更新 更多