Javascript gRaphael-设置折线图动画失败
我遇到了gRaphael javascript折线图库的问题 我正在从一个CSV文件中构建一个折线图,该文件有五列(分钟、时间、等待时间、治疗中、关闭中、位置中) 在此之前,我已经能够在没有动画的情况下绘制完整的图表。它正确地包含了所有四行等等 现在我的代码在动画功能上失败了。以下是错误: 未捕获类型错误:对象#没有“动画”方法 我假设jQuery在某种程度上弄乱了动画功能,并试图控制它Javascript gRaphael-设置折线图动画失败,javascript,jquery,raphael,conflict,graphael,Javascript,Jquery,Raphael,Conflict,Graphael,我遇到了gRaphael javascript折线图库的问题 我正在从一个CSV文件中构建一个折线图,该文件有五列(分钟、时间、等待时间、治疗中、关闭中、位置中) 在此之前,我已经能够在没有动画的情况下绘制完整的图表。它正确地包含了所有四行等等 现在我的代码在动画功能上失败了。以下是错误: 未捕获类型错误:对象#没有“动画”方法 我假设jQuery在某种程度上弄乱了动画功能,并试图控制它 function animateChart(newX, newW, newInT, newC
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
完整代码:
我已按顺序加载以下库:
我尝试禁用jQuery(并用普通javascript替换它的ajax功能),但没有效果。您可能有一个SVG路径元素,而不是Raphael路径元素。可能是
elem=chart.lines[i][0]末尾的[0]
你能做一个jsfiddle.net的例子,试着找出元素是什么类型的吗,很可能它不是raphael路径对象,元素是路径元素。它不在jQuery名称空间中,但似乎jQuery仍在尝试对元素运行自己的animate()函数。我不能轻易地摆弄,因为我需要上传CSV,并且示例使用了4个库。我会看看是否可以在某个地方发布当前文件。@Klemola我们都去过:)有人能详细说明一下吗?pastebin链接不起作用。我也在尝试使用同样的技术制作gRaphael线形图的动画。