dc có thể đặt dữ liệu mà không cần nhóm các hàng

Question

Có thể có bảng dữ liệu dc mà không hiển thị dữ liệu trong nhóm không? Tôi chỉ muốn hiển thị tất cả dữ liệu trên tất cả các nhóm!

Mã của tôi là như sau:

dc.dataTable(".dc-data-table") 
    .dimension(dateDimension) 
    .group(function (d) { 
    return '' 
    }) 
    .size(10) // (optional) max number of records to be shown, :default = 25 
    .columns([ 
     function (d) { 
      return getFormattedDate(d.dd); 
     }, 
     function (d) { 
      return d.referredfor; 
     }, 
     function (d) { 
      return numberFormat(d.cost); 
     }, 
     function (d) { 
      return d.gender; 
     } 
    ]) 
    .sortBy(function (d) { 
     return d.dd; 
    }) 
    .order(d3.ascending) 
    .renderlet(function (table) { 
     table.selectAll(".dc-table-group").classed("info", true); 
    }); 

Điều này cho thấy bảng dữ liệu của tôi nhưng với một dòng sản phẩm nào giống như vậy:

Answer 1

Nó không giống như hiện nay là một cách để làm điều này. Âm thanh như một yêu cầu hợp lý! Bạn có thể submit an enhancement request, hoặc thậm chí tốt hơn, một PR.

Đây là mã có liên quan, trong renderGroups:

https://github.com/dc-js/dc.js/blob/master/src/data-table.js#L121

Nó được làm tổ dữ liệu bằng phím và sau đó thêm một dòng của bảng cho mỗi nhóm. Nó sẽ là tầm thường để vô hiệu hóa điều này, nhưng vấn đề là sau đó, renderRows chọn những "hàng nhóm" để thêm dữ liệu theo họ:

https://github.com/dc-js/dc.js/blob/master/src/data-table.js#L156

EDIT: đó là một lựa chọn, .showGroups(), tính đến 2.0 beta 16

Answer 2

Một cách giải quyết đơn giản:

Bạn có thể ghi đè lên lớp css tương ứng để tránh hiển thị của hàng đó, bằng cách sử dụng:

<style> 
    .dc-table-group{display:none} 
</style> 

trong html của bạn.