선형 눈금 x 축을 사용하여 d3 그림을 만들었습니다. tickFormat()을 사용하여 xaxis에 텍스트 레이블을 배치했습니다.선형 눈금의 틱에 대한 텍스트 레이블을 사용하면 확대/축소가 축을 넘어 연장됩니다.
플롯을 확대/축소하면 틱 값이 x 축을 넘어 확장됩니다. xaxis (svg rect) 너머의 틱 (텍스트 레이블 사용)이 사라지게하려면 어떻게해야합니까?
var xAxis = d3.svg.axis().scale(x)
.orient("bottom")
.tickValues(idForXAxis)
.tickFormat(function(d,i){ return valuesForXAxis[i] })
바이올린 : https://jsfiddle.net/wicedp/q1b2dsdt/4/이
감사합니다. 나는 당신의 제안을 사용했고, 이제 값들은 범위 내에 머물러 있습니다. 하지만 항상 배열의 값 - 인덱스 0에서 "idForXAxis.length/d3.event.scale"까지의 "valuesForXAxis"를 표시합니다. 선 플롯을 추가하고 확대/축소하면 플롯과 x 축의 동기가 맞지 않습니다. –
여기에 그 변화가있는 바이올린이 있습니다. https://jsfiddle.net/wicedp/c6m2wkms/ 아마 "valuesForXAxis"배열의 시작 색인과 끝 색인에 대한 오프셋이 필요합니다. –