여러 수준의 D3.js 스택 막 대형 차트?

여러 수준의 누적 막 대형 차트를 작성하는 방법에 대한 정보는 무엇입니까?여러 수준의 D3.js 스택 막 대형 차트?

아래에 미끄러 진 div가있는 것과 같습니다. 하지만 svg에는 floating이라는 개념이 없으므로 svg 너비를 기반으로 한 더 엄격한 것을 이해합니다.

방금 "대화 형 데이터 시각화"책을 완성했는데 고급 주제를 다루고 있으며 지금까지 d3 문서에서 운이 없었습니다.

Stacked bar chat with one line of stacked bar charts, followed by another line underneath

몇 개의 누적 막 대형 차트 만 있으면됩니까? –

그럴 생각 이었지만, 차트가 enter(), exit(), 전환 등의 "하나"라는 이점을 잃어 버렸습니까? –

반드시 그렇지는 않습니다. 이 여러 차트로 정확히 무엇을 표시하고 싶은지에 달려 있습니다. –

가 나는 방향을 해결책을 마련, 또는 적어도 월 생각합니다.

이 예 : http://bl.ocks.org/mbostock/3888852 그것은 원형 차트이지만 원리는 같습니다.

별도의 다이어그램, 즉 별도의 svg 요소가 될 수 있음을 보여줍니다. 그러나 d3.js를 하나의 큰 다이어그램으로 간주하여 한 번에 그릴 수 있습니다.

그런 다음 일반 CSS를 사용하여 레이아웃을 지정할 수 있습니다 (예 : 표시 : 인라인 블록.

여러 차트가 표시한다는 점에 대해 Lars에게 감사드립니다.

2013-11-20 14:32:40

답변