2012-04-12 4 views
1

70 개의 샘플과 2 개의 시리즈로 그룹화 된 막 대형 차트를 만들려고합니다. 이 예와 유사 :y 축/스케일이 다른 그룹화 된 막대 차트

http://bl.ocks.org/882152

단 하나의 일련의 [0 ... 1]이고, 다른 시리즈 [0 ... 1,000,000]이다. 내 숫자로 예제를 다시 만들 수는 없다.

나는 또한 예제를 실제로 얻지 못한다. x -> y, y0 -> x0 및 y1 -> x0 인 전환 된 변수가 아니어야합니다. 아니면 x 축과 y 축을 위해 서 있지 않습니까?

감사합니다.

편집 : 여기

내 문제 (콘솔에서 볼)을 보여주는 예입니다. http://jsfiddle.net/kQSGF/3/

답변

2

문제는 규모의 정의에서 온 것 같다

var x = d3.scale.linear().domain([0, 1]).range([h, 0]); 

도메인은 [0,1]하지만 첫 번째 데이터 계열이 실제로 그 범위 내에 설정됩니다. 그것이 바로 데이터의 값 대신 '비'값 금액 표시되도록 당신은 당신의 데이터의 범위에 도메인을 설정, 출력 범위를 반전 고려할 수 :

var x = d3.scale.linear().domain(d3.extent(d3.merge(data))).range([0,h]); 

주 당신 데이터의 범위가 매우 다르므로 더 작은 데이터 시리즈를 계속 볼 가능성은 희박합니다.

+0

의미가 있습니다. 그러나 두 그래프를 동일한 그래프에 표시하려면 어떻게해야합니까? 어쩌면 왼쪽에있는 하나의 y- 스케일과 [0 ... 1.000.000]의 오른쪽에 다른 y- 스케일을 가진 [0. .. 1]. – zemirco

+1

좋습니다. 이렇게하면 일련의 데이터 각각에 대해 서로 다른 두 개의 눈금을 정의하면됩니다. See [http://jsfiddle.net/kQSGF/8/](http://jsfiddle.net/kQSGF/8/) – Josh

+0

쿨, 고마워! – zemirco