타임 스탬프 별 Crossfilter/dc.table 정렬

Question

내 테이블을 시간 소인 내림차순으로 정렬하려고하지만이 필드에는 내 테스트 케이스가 오름차순입니다. 내 문제를 설명 할 수 있기를 바랍니다.

//------------------------table------------------------------------ 
    var TestCaseDim2 = perfData.dimension(function (d) { 
     return d.TestCase; 
    }); 

    dc.dataTable('#data-table') 
    .dimension(TestCaseDim2) 
     .group(function (d) { 
      return d.Timestamp.bold().fontcolor("darkblue"); 
     }) 
    .columns([ 

     function (d) { return d.SerialNumber;}, 
     function (d) { return d.Result;}, 
     ]) 
     .width(get2ndWindowSize()) 
     .order(d3.descending) 
     .size(700) 
     .renderlet(function (table) { 
     table.selectAll('.dc-table-group').classed('info', true); 
     }); 

누군가가 나를 도울 수 있기를 바랍니다.

Answer 1

JSFiddle 예제에서 데이터 테이블에 사용 된 차원이기 때문에 그룹 내에서 테스트 스크립트가 테스트 케이스별로 정렬되어 있는지 확신 할 수 없습니다.

실제 문제는 dc.js 데이터 테이블에서 그룹의 순서와 그룹 내의 순서를 별도로 제어 할 수 없다는 것입니다. 그룹 내의 순서는 차원에서 반환 된 순서를 기반으로하며 그룹의 순서는 그룹의 텍스트로 결정됩니다. dataTable.order에 설정 한 내용에 따라 둘 다 오름차순이거나 내림차순입니다.

그럼 어떻게해야합니까? 난 당신이 그룹 내에서 정렬 기준으로 사용할 특성에 차원을 정의 권하고 싶습니다, 그리고 차원에서 위/아래 기능을 틀지하여 차원 정렬의 방향을 반대로 다음 필요한 경우 : 여기

var perfData = crossfilter(data); 
var testScriptDim = perfData.dimension(function (d) { 
    return d.testscript; 
}); 
testScriptDim.top = testScriptDim.bottom; 

dc.dataTable('#data-table') 
    .dimension(testScriptDim) 
    .group(function (d) { 
     return d.date.bold().fontcolor("darkblue"); 
    }) 
    .columns([ 
     function (d) { return d.testscript; }, 
     function (d) { return d.duration; }, 
     function (d) { return d.clickcount; } 
    ]) 
    .size(100) 
    .order(d3.descending) 
    .renderlet(function (table) { 
     table.selectAll('.dc-table-group').classed('info', true); 
    }); 

는이다 내가 생각하는 JSFiddle의 업데이트 된 버전 : https://jsfiddle.net/esjewett/xzrp0ggv/1/