gRaphael - 動畫線圖失敗

Question

我遇到了gRaphael javascript折線圖庫的問題。

我正在從CSV文件構建折線圖，該文件有五列（分鍾數，時間，等待時間，處理時間，關閉時間，位置）。

以前我能夠繪制沒有動畫的完整圖表。 它正確地擁有了所有四條線等。

現在我的代碼在動畫功能上失敗了。 這是錯誤：

未捕獲的TypeError：對象＃沒有方法'animate'

我假設jQuery在某種程度上搞亂了animate函數，並試圖抓住它的韁繩。

        function animateChart(newX, newW, newInT, newC, newInL){
            var chart2 = paper.linechart(
                20, 20, // padding
                newX.length, 400, // dimensions
                newX, [newW, newInT, newC, newInL] // values
            );

            for (i = 0; i < chart.lines.length; i++){
                elem = chart.lines[i][0];
                elem.animate({ path: chart2.lines[i][0].getAttribute("d") }, 200);
            }

            chart2.remove();
        }

完整代碼：

http://pastebin.com/YmvkrmQ3

我按順序加載了以下庫：

1. 拉斐爾-min.js
2. g.raphael-min.js
3. g.line.min.js
4. 的jquery.js

在此先感謝您的幫助。

更新：問題出在animate方法中。 即使我在路徑元素上調用方法，我也會收到錯誤。 我仍然不知道拉斐爾為什么不將路徑元素識別為路徑元素。

我嘗試禁用jQuery（並使用vanilla javascript替換它的ajax函數），但它沒有幫助。

Answer 1

您可能有一個SVG路徑元素而不是Raphael路徑元素。 它可能是[0]在年底elem = chart.lines[i][0]; 。