javascript - 如何在 dc.js 中显示前 N 之前过滤 NaN？

Question

直截了当的问题，但我还没有在任何地方看到答案。基本上，我想针对一个指标过滤我的 NaN 数据集，然后显示该指标的前 10 个最高组。我正在使用假组方法，但我似乎无法对条形图同时使用顶部和过滤器。

function remove_empty_bins(source_group) {
        return {
            all:function () {
                return source_group.top(10).filter(function(d) {
                    return ! isNaN(d.value.attendance_rate) ;
                });
            }
        };
    }

此代码将不起作用，因为我认为顶部只采用按键排序的前 10 个。如果我想按指标排序，我需要使用 chart.ordering() 但显然我不能使用它，因为我需要在执行 .top() 之前进行排序。

有什么想法吗？

Answer 1

我认为您没有使用支持上限(饼图、行)的图表之一。对于那些您应该能够使用假组过滤掉 NaN，然后​​将数据传入。

从 2.1.2 开始，dc.js has not used group.top() 内部用于封顶图表。 top 和 ordering 之间的交互太困惑了。

我建议按照更改这些图表的方式来解决您的问题。与其尝试使用 group.top()，不如自己进行排序。然后很容易获取所有内容、过滤、排序和上限(未经测试):

function filter_sort_cap_bins(source_group) {
  return {
    all:function () {
      return source_group
        .all()
        .filter(d => !isNaN(d.value.attendance_rate))
        .sort((a,b) => b.value.attendance_rate - a.value.attendance_rate)
        .slice(0, 10);
    }
  };
}

也许在理论上这会有点慢，因为它使用整组 key ，但我认为除非您有数千个 key ，否则您不会注意到任何差异。