dc.js - 여러 열에서 행 차트를 만드는 방법

Question

ccs에서 여러 열의 입력을 사용하여 dc.js에 행 차트를 만들어야합니다. 그래서 각 행에 열을 매핑하고 각 열의 총 개수를 행 값에 매핑해야합니다. 이 문제에 대한 분명한 해결책이있을 수 있지만 모든 예제를 찾는 것 같습니다. 많은 감사 S

업데이트 : 다음은 간단한 스케치입니다. 표준에 대한 사과
행 차트;
column1 ----------------- 64 (1 열 합계)
열 2 ------- 35 (2 열 합계)
column3 --- --------- 45 (3 열 합계)

Answer 1

누적 행렬 차트를 찾으십니까? 예를 들어,이 차트는 각 행의 카테고리를 나타내는 가지며 각 색상 서브 카테고리 나타냄

불행히도,이 기능은 아직 DC.js.에서 지원되지 않습니다 기능 요청은 https://github.com/dc-js/dc.js/issues/397입니다. 라이브러리가 아닌 코드를 사용하고자한다면 해당 문제 로그에서 참조 된 예제를 확인할 수 있습니다.

또는 스택 가능 막대 차트를 사용할 수 있습니다. 이 링크는 어떻게 작동하는지 잘 설명하는 것 같습니다 : http://www.solinea.com/blog/coloring-dcjs-stacked-bar-charts

Answer 2

흥미로운 문제! 피벗과 다소 비슷하게 들리는데, requested for crossfilter here.

이

• 당신은 클릭 할 수 없습니다, 다른 차원
• 에 필터를 반영하지만 것 : 해결책은 그러나주의의 몇 가지가있다 "가짜 그룹"과 "가짜 차원"을 사용하여 마음에 온다 (무엇을 기록하는 것은 그것이 선택 때문에?) 순서로 차트의 행은 무엇을 필터링하는

가짜 그룹 생성자는 다음과 같습니다

function regroup(dim, cols) { 
    var _groupAll = dim.groupAll().reduce(
     function(p, v) { // add 
      cols.forEach(function(c) { 
       p[c] += v[c]; 
      }); 
      return p; 
     }, 
     function(p, v) { // remove 
      cols.forEach(function(c) { 
       p[c] -= v[c]; 
      }); 
      return p; 
     }, 
     function() { // init 
      var p = {}; 
      cols.forEach(function(c) { 
       p[c] = 0; 
      }); 
      return p; 
     }); 
    return { 
     all: function() { 
      // or _.pairs, anything to turn the object into an array 
      return d3.map(_groupAll.value()).entries(); 
     } 
    }; 
} 

무엇을 원하는 모든 행을 객체로 축소 한 다음 객체를 배열 형식으로 변환하는 중입니다. dc.js는 이 반환 될 것으로 예상합니다.

이 생성자에 임의의 차원을 전달할 수 있습니다. 이러한 행을 필터링 할 수 없기 때문에 색인이 생성되는 것은 중요하지 않지만 모든 차원에 영향을 미치기 때문에 자체 차원을 갖고 싶어합니다. 다른 차원 필터. 또한이 생성자에 그룹으로 변환하려는 열의 배열을 지정하고 그 결과를 "그룹"으로 사용하십시오.

예.

var dim = ndx.dimension(function(r) { return r.a; }); 
var sidewaysGroup = regroup(dim, ['a', 'b', 'c', 'd']); 

여기

전체 예 : http://jsfiddle.net/gordonwoodhull/37uET/6/이

(? 불량의 차트 결과의 행을 클릭 어떻게 필터링하도록되어 무엇 때문에주의)