Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript gRaphael-设置折线图动画失败_Javascript_Jquery_Raphael_Conflict_Graphael - Fatal编程技术网

Javascript gRaphael-设置折线图动画失败

Javascript gRaphael-设置折线图动画失败,javascript,jquery,raphael,conflict,graphael,Javascript,Jquery,Raphael,Conflict,Graphael,我遇到了gRaphael javascript折线图库的问题 我正在从一个CSV文件中构建一个折线图,该文件有五列(分钟、时间、等待时间、治疗中、关闭中、位置中) 在此之前,我已经能够在没有动画的情况下绘制完整的图表。它正确地包含了所有四行等等 现在我的代码在动画功能上失败了。以下是错误: 未捕获类型错误:对象#没有“动画”方法 我假设jQuery在某种程度上弄乱了动画功能,并试图控制它 function animateChart(newX, newW, newInT, newC

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

我正在从一个CSV文件中构建一个折线图,该文件有五列(分钟、时间、等待时间、治疗中、关闭中、位置中)

在此之前,我已经能够在没有动画的情况下绘制完整的图表。它正确地包含了所有四行等等

现在我的代码在动画功能上失败了。以下是错误:

未捕获类型错误:对象#没有“动画”方法

我假设jQuery在某种程度上弄乱了动画功能,并试图控制它

        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();
        }
函数animateChart(newX、newW、newInT、newC、newInL){
var chart2=纸面折线图(
20,20,//填充
newX.length,400,//尺寸
newX,[newW,newInT,newC,newInL]//值
);
对于(i=0;i
完整代码:

我已按顺序加载以下库:

  • raphael-min.js
  • g、 raphael-min.js
  • g、 line.min.js
  • jquery.js
  • 提前感谢您的帮助

    更新: 问题在于动画方法。即使我在path元素上调用该方法,也会出现错误。我仍然不知道为什么拉斐尔不承认路径元素为路径元素


    我尝试禁用jQuery(并用普通javascript替换它的ajax功能),但没有效果。

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

    你能做一个jsfiddle.net的例子,试着找出
    元素是什么类型的吗,很可能它不是raphael路径对象,元素是路径元素。它不在jQuery名称空间中,但似乎jQuery仍在尝试对元素运行自己的animate()函数。我不能轻易地摆弄,因为我需要上传CSV,并且示例使用了4个库。我会看看是否可以在某个地方发布当前文件。@Klemola我们都去过:)有人能详细说明一下吗?pastebin链接不起作用。我也在尝试使用同样的技术制作gRaphael线形图的动画。