2014-05-25 44 views
1

我試圖使用從this例如採取以下代碼側身平移我的時間序列線圖,作爲新數據添加到圖表:d3.js zoom.translate矢量的單位是什麼?

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

但這種簡化版,工作 - 我行消失。我想了解翻譯矢量的單位需要做什麼。在我的情況下,dx將是新數據的第一個和最後一個x值之間的差異。

+0

單位是默認座標系中的屏幕像素。 –

+0

謝謝拉爾斯,我該如何使用。 x()軸函數來獲得與新的x軸時間值的範圍相對應的正確的轉換函數?即橫向擺動以顯示時間序列的新數據 – rex

+0

我不確定你的意思,但範圍的範圍將是'.range()'中設置的任何值。 –

回答

2

translate中使用的單位是默認座標系中的屏幕像素。

+0

謝謝@LarsKotthoff,我已經將更多的問題放在了上下文中,並且提出了更長的問題(帶小提琴)。我會很感激,如果你可以看看:) http://stackoverflow.com/questions/23843775/d3-js-time-series-line-chart-with-real-time-data-panning-and-zooming – rex