javascript – gRaphael – 动画线图失败

我遇到了gRaphael javascript折线图库的问题.

我正在从CSV文件构建折线图,该文件有五列(分钟数,时间,等待时间,处理时间,关闭时间,位置).

以前我能够绘制没有动画的完整图表.它正确地拥有了所有四条线等.

现在我的代码在动画功能上失败了.这是错误：

Uncaught TypeError: Object # has no method ‘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

我按顺序加载了以下库：

> raphael-min.js
> g.raphael-min.js
> g.line.min.js
> jquery.js

在此先感谢您的帮助.

更新：
问题出在animate方法中.即使我在路径元素上调用方法,我也会收到错误.我仍然不知道拉斐尔为什么不将路径元素识别为路径元素.

我尝试禁用jQuery(并使用vanilla javascript替换它的ajax函数),但它没有帮助.

解决方法:

您可能有一个SVG路径元素而不是Raphael路径元素.它可能是elem = chart.lines [i] [0];末尾的[0].

标签：jquery,javascript,raphael,conflict,graphael
来源： https://codeday.me/bug/20190630/1331400.html