javascript - 隐藏表行所需的帮助 - dc.js

Question

我正在使用 dc.js 来绘制图表并显示数据表。

一切都运行得很好。对于该表，我创建了一个维度和一个组。将组变量传递给可动态记录。

问题是当我在图表中进行一些选择时。数据表值当然会发生变化。但是很少有记录应该隐藏，而是带有 0 值。

我想隐藏这些行。

以下是我正在使用的功能。

表格尺寸: var tableDim = ndx.dimension(function(d) { return d.label; })

表组: var tableGroup = tableDim.group().reduceSum(function(d) { return d.count; })

动态表:

var dynatable = $('.data-table').dynatable({
        features: {
            pushState: false
        },
        dataset: {
            records: tableGroup.top(Infinity),
            perPageDefault: 10,
            perPageOptions: [10, 20, 100, 500, 1000]
        }
    }).data('dynatable');

刷新图表选择表:

function RefreshTable() {
        dc.events.trigger(function () {
            dynatable.settings.dataset.originalRecords = tableGroup.top(Infinity);
            dynatable.process();
        });

        $('.data-table tr').each(function() {
            if ($(this).find('td:nth-child(2)').text() < 1) {
                $(this).addClass('zero-value');
            }
        })
    };

我编写了 jquery 代码来为具有零值的行分配一个类。它只为前 10 条记录分配，因为我已经给出了 perPageDefault: 10。但我希望它针对整个表记录运行。

请有人帮我隐藏那些值为 0 的行。

Answer 1

在dynaTable初始化和RefreshTable中分配记录之前，您可以复制数据并删除值为0的记录。

Dynatable 作用于您传递给它的记录，因此您可以按照您认为合适的任何方式更改该数据。