javascript - 创建饼图和其他动画动态信息图表的最佳方式是什么?

标签 javascript html css

创建饼图和其他动画动态信息图形的最佳方法是什么?

我应该研究像 paper.js 这样的 js 库还是应该使用最少的 js 和 css3 创建自己的库?

示例确实是我希望看到的。谢谢!

最佳答案

有许多 javascript 库可以为您完成这项工作。当然没有必要滚动您自己的代码。

如果您确实想自己编写,请注意,要获得某些库可用的效果,需要的不仅仅是最少的 js 代码。当然,您可以编写一个非常基本的脚本,用相当少量的代码绘制饼图,它不会有您使用库获得的动画或动态属性。考虑到它们的工作量,大多数图书馆实际上并没有那么大。

我最喜欢的图书馆是 Raphael , 连同它的绘图姐妹库 g.Raphael .

Raphael 的美妙之处在于,它使制作非常复杂的图形变得非常容易,包括一些非常漂亮的动画图形。请参阅上面网站上的示例,其中包括饼图。

它全部基于 Javascript,因此您可以即时更新它。

此外,Raphael 优于其他类似库的原因在于它甚至在旧版本的 IE(最早可追溯到 IE6!)中也能完美运行,因为它在现代浏览器上使用 SVG,而在旧版本的 IE 中回退到 VML .

希望对您有所帮助。

关于javascript - 创建饼图和其他动画动态信息图表的最佳方式是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7779907/

相关文章:

javascript - MVC html5 验证

javascript - 为什么 $(document).ready();不明确的?

html - 多个属性的CSS?

javascript - jquery 取消绑定(bind)或关闭特定父级中的单击事件处理程序

javascript - 使用 Express 和 EmailJS 发送电子邮件

javascript - 隐藏和显示默认的 javascript 警报

javascript - 以编程方式添加的属性中的 onload 事件

JavaScript/JQuery 在加载了 load() 的 html 中不起作用

css - IE6 CSS 错误 - UL 和 LI

javascript - 如何让我的动画技能栏响应