如何動畫jquery flot lines 1 by 1

Question

我想動畫我的jQuery flot圖表由3行組成，如您在屏幕截圖中看到的。

的情況是「加載頁面時，我想動畫從左邊線並繪製一路的right.This是要單獨做了所有的線，直到3畫線。「

我已經2天尋找這一點，但還沒有找到任何方法來實現this.Also嘗試這個插件http://www.codicode.com/demo/flotanimator但是，它只是動畫1線和這個插件的每個例子是基於1個系。

任何有關可以實現這一目的的插件的幫助或信息是值得讚賞的。

Answer 1

這可以通過使用插件的animatorComplete事件來實現。它的工作原理是這樣的：

1. 圖表第一數據系列動畫和第一隱藏第二和第三個數據系列
2. 圖表第一數據系列沒有動畫和第二個數據系列動畫，隱藏第三數據序列
3. 情節和第二個數據系列沒有動畫和第三個動畫

如果您在數據系列的一個陣列中的所有數據，這是很容易使用for循環和一個計數器來達到的。有關兩個數據序列的簡單示例，請參閱此fiddle。