如何显示交叉过滤器输出

How to show the crossfilter output?

本文关键字：过滤器 输出 显示 何显示      更新时间：2023-09-26

我已经开始学习交叉过滤器来对数据进行分组。我从web上获取了一个示例代码，我可以使用console.log（对象）在控制台中看到结果。但我如何以表格格式在页面中显示它们呢？页面看起来是空的。

我正在尝试如下。

    <!DOCTYPE html>
    <meta charset="utf-8">
    <script src="//cdnjs.cloudflare.com/ajax/libs/crossfilter/1.3.9/crossfilter.min.js"></script>
    <script>
    var arr = [];
    for (var i = 0; i < 100; i++) {
        for (var j = 0; j < 100; j++) {
            for (var k = 0; k < 100; k++) arr.push({a: i, e: { b: j, c: k}});
        }
    }
    var cf = crossfilter(arr),
        a  = cf.dimension(function(d) { return d.a; }),
        e  = cf.dimension(function(d) { return d.e; });
    var counts = e.group(function(d) { return d.b; })
                  .reduceCount()
                  .orderNatural()
                  .top(Infinity);
    console.log(counts);
    </script>

提前感谢

看看DC.js。DC很好地封装了D3和CrossFilter，因此您可以快速轻松地显示图形，此外，这些图形还可以用于交互过滤。它功能强大，使用起来非常简单。

此外，请查看DC的DataTable控件，它是显示表格过滤数据的控件。

相关文章：