javascript – gRaphael – 动画线图失败
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – gRaphael – 动画线图失败,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1112字,纯文字阅读大概需要2分钟。
内容图文
![javascript – gRaphael – 动画线图失败](/upload/InfoBanner/zyjiaocheng/785/84df7882d27041dd8c27a6219cac9399.jpg)
我遇到了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();
}
完整代码:
我按顺序加载了以下库:
> 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].
内容总结
以上是互联网集市为您收集整理的javascript – gRaphael – 动画线图失败全部内容,希望文章能够帮你解决javascript – gRaphael – 动画线图失败所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。