我遇到了 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();
}
完整代码:
我按顺序加载了以下库:
- raphael-min.js
- g.raphael-min.js
- g.line.min.js
- jQuery.js
提前感谢您的帮助。
更新: 问题出在动画方法中。即使我在路径元素上调用该方法,我也会收到错误消息。我仍然不知道为什么 Raphael 不将路径元素识别为路径元素。
我尝试禁用 jQuery(并用香草 javascript 替换它的 ajax 函数),但它没有帮助。