dc.js添加动态列

Question

我想在数据表中显示我已经放置代码行的值

// Bar chart For pricing
    var collectionRateValue = ndx.dimension(function (d) {
        return d3.time.month(d.dd);
    }); 

    var collectionRateValueGroup_adj = collectionRateValue.group().reduceSum(function(d) {
        return d.pay_amt;
    });
    var collectionRateValueGroup_payment = collectionRateValue.group().reduceSum(function(d) {
        return d.ar_balance;
    });
    var collectionRateValueGroup_ar_bal = collectionRateValue.group().reduceSum(function(d) {
        return d.charge_amt;
    });    
    var collectionRateValueGroup_payment_line = collectionRateValue.group().reduceSum(function(d) {
        return d.pay_amt;
    });

这是显示数据的代码

dc.dataTable("#dc-data-table")
    .dimension(collectionService)  
    .group(function (d) {
        return d3.time.format(d.month_year_dos);
    })
    .size(10)
    .columns([
        function (d){
            return d.month_year_dos;
        },
        function (d){
            return d.ar_balance;
        },
        function (d){
            return d.pay_amt;
        },
        function (d){
            return "d.date";
        },
    ])

这就是我想要显示数据表的方式。

表标题将动态出现

我找到了很多，但我没有得到数据以行格式显示的方式？

Answer 1

您似乎想要将表格的行翻转为列。您可能希望直接使用D3。

http://www.d3noob.org/2013/02/add-html-table-to-your-d3js-graph.html处的示例应显示使用D3呈现表格。你会想要调整它以不同的顺序渲染...

从简单开始并尝试通过为交叉过滤器组中的每个值附加一个td来渲染表中的一行 - 可能是调整行。