d3.js zoom.translate vector의 단위는 무엇입니까? 새로운 데이터가 그래프에 추가로

나는 옆으로 내 시계열 라인 차트를 이동하는 this 예에서 가져온 다음 코드를 사용하는 것을 시도하고있다 :d3.js zoom.translate vector의 단위는 무엇입니까? 새로운 데이터가 그래프에 추가로

 d3.select("path") 
      .datum(globalData) 
      .attr("class", "line") 
      .attr("d", valueline(globalData)) 
     .transition() 
      .ease("linear") 
      .attr("transform", "translate(" + x(-dx) + ")");

그러나이 does't 작업 - 내 라인을 사라집니다. 이 작업을 수행하기 위해 번역 벡터의 단위가 필요한 것이 무엇인지 이해하려고합니다. 필자의 경우 dx는 새 데이터의 첫 번째 및 마지막 x 값 사이의 차이가됩니다.

출처

2014-05-25 rex

단위는 기본 좌표계의 화면 픽셀입니다. –

감사합니다 라스, 어떻게 사용할 수 있습니까? x() 축 함수를 사용하여 새 x 축 시간 값의 범위에 해당하는 올바른 변환 ector를 얻을 수 있습니까? 즉 시계열의 새 데이터를 표시하기 위해 옆으로 패닝합니다. – rex

무슨 뜻인지 잘 모르겠지만, 범위의 범위는'.range()'에서 설정 한 것입니다. –

translate에서 사용되는 단위는 기본 좌표계의 화면 픽셀입니다.

출처

2014-05-25 22:06:01

감사합니다. @LarsKotthoff, 나는 문맥에서이 질문을 더 자세하게하는 더 긴 질문 (바이올린과 함께)을 포함 시켰습니다. 나는 당신이 볼 수 있다면 그것을 감사하겠습니다 :) http://stackoverflow.com/questions/23843775/d3-js-time-series-line-chart-with-real-time-data-panning-and-zooming – rex

d3.js zoom.translate vector의 단위는 무엇입니까? 새로운 데이터가 그래프에 추가로

답변

관련 문제