d3에서 그룹화 된 막대 차트 데이터 오른쪽에 두 번째 y 축을 표시하는 방법
산소
다음 예제 를 시작점으로 사용 하여 d3로 그룹화 된 막대 차트를 만들고 있습니다. 아래 스크린 샷에 표시된대로 가독성을 위해 몇 가지 사소한 수정을했습니다. 스크린 샷은 또한 내가 겪고있는 문제를 보여줍니다.
두 번째 y 축을 추가하고 싶지만 당연히 오른쪽 끝까지 배치하고 싶습니다. 스크린 샷에서 볼 수 있듯이 왼쪽 방향의 y 축 오른쪽에 있지만 데이터 오른쪽 대신에 인접 해 있습니다.
내가있는 곳을 얻기 위해 내가 한 것은 다음을 추가하는 것입니다 (참고 orient("right"))
var yRight = d3.svg.axis()
.scale(y)
.orient("right");
그런 다음 순서가 중요하지만 아무 소용이없는 경우 Javascript 소스 코드의 맨 끝에도 다음 추가를 적용했습니다. 두 가지 모두 (왼쪽) yAxis이 처리되는 방식을 기반으로 했지만 두 번째 y 축을 실제 차트의 오른쪽으로 완전히 이동하기 위해 수행해야 할 작업이 더 있습니다.
svg.append("g")
.attr("class", "y axis")
.call(yRight);
산소
이 다른 예제를 기반으로 내 대답을 찾았으며 다음과 같이 변환 / 번역 절을 추가했습니다.
svg.append("g")
.attr("class", "y axis")
.attr("transform", "translate(" + width + " ,0)")
.call(yRight);
저는 d3를 완전히 처음 접했지만 댓글에있는 d3 전문가의 변환 / 번역이 수행하는 작업에 대한 설명이이 Q & A의 품질을 확실히 향상시킬 것입니다.
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
에서 수정
- 이전 게시물：C의 데크 셔플 링은 컴파일되지만 세분화 오류
- 다음 포스트：Why doesn't Erlang/OTP use several supervisors (or does it)?
관련 기사
Related 관련 기사
- 1
D3 : 그룹화 된 막대 차트의 각 막대 상단에 레이블을 추가하는 방법
- 2
matplotllib 막대 차트의 x 축에 두 번째 레이블 행을 추가하는 방법
- 3
D3.js : 그룹화 된 막대 차트에서 JSON 데이터를 읽는 방법
- 4
Pandas를 사용하여 데이터 프레임에서 (그룹화 된) 막대 차트를 그리는 방법
- 5
각 스택이 y 축 값에 해당하는 ggplot2의 그룹화 된 누적 막대 차트
- 6
파이썬에서 그룹화 된 막대 차트의 서브 플롯 그림을 만드는 방법
- 7
데이터 기반 D3 차트에서 데이터가있는 두 번째 도구 설명을 추가하는 방법
- 8
그룹화 된 막대 차트 (matplotlib)에 음수 값을 표시하는 문제
- 9
그룹화 된 막대 차트에 단일 계열 데이터 레이블을 지정하는 방법은 무엇입니까?
- 10
d3에 다른 그룹이있는 그룹화 된 범주 막대 차트?
- 11
그룹화 된 막대 차트에서 사각형 크기를 줄이는 방법 d3js v4
- 12
highChartjs의 라인 차트에서 Y 축의 태그에 마지막 데이터 포인트 값을 표시하는 방법
- 13
그룹화 된 막대 차트에 대한 데이터 구성
- 14
Matplotlib : x / y 축이 같지만 하나는 y 축을 따라 다른 하나에서 시작하는 두 개의 막대 플롯을 그리는 방법
- 15
그룹화 된 막대 차트에서 각 막대에 레이블을 지정하는 방법은 무엇입니까?
- 16
그룹화 된 막대 차트에서 D3 브러싱
- 17
드릴 다운 하이 차트에서 첫 번째 수준을 세로 막 대형 차트로, 두 번째 수준을 고정 된 배치 열로 설정하는 방법
- 18
막대 차트에 막대를 그룹화하는 방법이 있습니까?
- 19
matplotlib.pyplot을 사용하여 x 축에 그룹화 된 막대 차트 (월 및 연도 별)와 y 축의 값을 만드는 방법은 무엇입니까?
- 20
nvd3 라인 차트에서 두 번째 축을 숨기는 방법
- 21
Python DataFrame-그룹화 된 열 (최소 두 개의 열)이있는 데이터 프레임에 대한 막대 차트 플로팅
- 22
Holoviews : 그룹화 된 막대 차트의 x 축에서 변수 이름 제거
- 23
그룹화 된 막대 차트에 대한 데이터 필터링
- 24
그룹화 된 깨진 막대 차트 Python Matplotlib에 주석을 달 수있는 방법
- 25
d3 차트에서 드래그하는 동안 마지막 Y 축만 업데이트됩니다.
- 26
두 개의 열로 그룹화 된 데이터에 대한 Google 앱 차트
- 27
히스토그램 y 축을 개수에서 빈도로 변경하고 두 데이터 세트에서 표준화하는 방법
- 28
JavaFX에 그룹화 된 누적 막대 차트를 만드는 방법이 있습니까?
- 29
R의 라인 차트에 두 번째 x 축을 추가하는 방법
몇 마디 만하겠습니다