dc.js를 사용하여 행 차트의 맨 아래 데이터를 표시하는 방법

d3 및 crossfilter를 기반으로하는 Dimensional Charting JavaScript 라이브러리 dc.js를 사용하여 rowchart를 만들고 있습니다. 나는 아래쪽 (10) 데이터에 대한 rowchart를 표시하려고하는데, 그래프는 아래쪽 (10) 데이터를 표시하는 top (10) data.how와 동일하게 표시 될 수 있지만 상위 (10) data.but에 대한 rowchart를 표시합니다. @LarsKotthoff에서 알 수 있듯이 다른 차원/그룹을 생성하지 않으려면dc.js를 사용하여 행 차트의 맨 아래 데이터를 표시하는 방법

constRowChart.width(350) 
    .height(1000) 
    .margins({top: 20, left: 120, right: 10, bottom: 20}) 
    .transitionDuration(750) 
    .dimension(density) 
    .group(const_total) 
    .renderLabel(true) 
    .gap(1) 
    .title(function (d) { 
     return ""; 
    }) 
    .elasticX(true) 
    .colors(d3.scale.category20c()) 
    .ordering(function(d) { return d.value }) 
    .xAxis().ticks(3).tickFormat(d3.format("s")); 

constRowChart.data(function (group) { 
    return group.top(10); 
});

출처

2014-04-22 pramod24

'하단'기능은 없지만 요소의 순서를 뒤집어서 상위 10 개를 다시 시도해 볼 수 있습니다. –

많은 질문에 도움을 주신 덕분에 @LarsKotthoff. 평판에 대해 신경 쓰지 않아도 답변 섹션을 사용해보십시오. 그러면 답변이 표시된 질문을 더 많이 얻을 수 있습니다. 내 "정원 가꾸기"가 더 쉬워 질 것입니다. – Gordon

, 당신은 배열 떨어져 지난 10 개 항목을 또한 .top(Infinity) 사용하고 .splice(-10) 수 있습니다.

여분의 크기와 모든 데이터를 정렬하는 것 사이에는 효율성이 서로 다르기 때문에 어느 것이 더 나은지 알아보기 위해 시도 할 수 있습니다.

출처

2014-05-03 16:58:33 Gordon

이 솔루션을 사용하면 처음 작동하지만 필터링 후에는 – pramod24

을 표시 할 수 없습니다. 1. 디버거에서 해당 줄에 중단 점을 넣고 작동하지 않는 이유를 확인합니다. 2. 추측하여 필터링 후 10 개 항목이없는 것 같습니다. ? – Gordon

dc.js를 사용하여 행 차트의 맨 아래 데이터를 표시하는 방법

답변

관련 문제