Question

我使用JavaScript库dc.js使用dc.dataTable()动态生成记录表。数据相当简单，所以我实际上想把它显示为一个没有任何分组的行的简单列表。

但是，dc.dataTable()需要.group()属性。然后，每个这样的组在其数据行之前在结果表中显示一个额外的行。

var datatable = dc.dataTable("#category-table");
    datatable
        .dimension(categoryDim)
        .group(function(d) {return "Categories";}) //just 1 static group, so it's only 1 unnecessary group label row at least
        .columns([
          function(d) { return d.category_name; },
          function(d) { return d.views;},
        ]);

如果我跳过.group()部分，我会

图表上缺少强制属性chart.group

有没有办法隐藏这些组标签行或完全跳过分组？

Answer 1

使用css可以隐藏表组行。这些添加的行具有css类dc-table-group，因此可以使用一些自定义css隐藏：

.dc-table-group {
  visibility: collapse;
}

Answer 2

更新2019：

从3.0.12版本开始，您可以使用以下命令隐藏组（或节）标题 .showGroups(false)。

文档： https://dc-js.github.io/dc.js/docs/html/dc.dataTable.html#showGroups__anchor

隐藏dc.dataTable的组行

2 个答案: