多線圖表上的時間問題？

Question

我基於[編輯：不博斯托克的]的多線動畫圖上工作實例：

http://bl.ocks.org/atmccann/8966400

我想要的線出現由在x軸上的時間值同步。如果我放慢圖表（比如說持續時間= 15000），我可以清楚地看到，在圖表的最初部分，綠線位於黑線之前。然後黑線在綠線之前移動。一起開始和結束。

這個問題在我的圖表中突出顯示，我繪製了20行。繪圖時有些顯然領先於其他人。初始y值爲零的行先於那些在開始時爬升到y值較高的行。 如何調整顯示器，使兩條線同時爲相同的日期繪製？

Answer 1

bl.ocks.org示例中的技術（其中，btw不是Bostock的）是根據線的長度進行動畫製作，而不是在y軸上的位置。如果您想基於y軸位置進行動畫製作，則必須使用其他技術。特別是20行，我不建議嘗試動態更新每一行，如果他們有很多點。儘管如此，如果沒有多少點，你可以做到這一點。

一個簡單的方法是將一個實心的（白色）矩形添加到覆蓋所有圖線的圖表中。然後爲該矩形的左側位置和寬度設置動畫，以隨時間顯示線條。