什么是最好的方式来创建饼状图和其他动画动态信息图形

What is the best way to create pie graphs and other animated dynamic info graphics?

本文关键字:其他 动画 动态 图形 信息 方式 创建 什么      更新时间:2023-09-26

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

我应该看看像paper.js这样的js库,还是应该使用最小的js和css3创建自己的库?

例子是我真正想看到的。谢谢!

有很多javascript库可以帮你完成这些。当然没有任何必要滚动你自己的代码。

如果你真的想自己写,要知道,要获得一些库可用的效果,将需要比最小的js代码更多的东西。当然,您可以编写一个非常基本的脚本,在相当少的代码中绘制饼状段,但它不会具有使用库获得的动画或动态属性。考虑到它们所做的工作,大多数库实际上并没有那么大。

对于这类事情,我最喜欢的图书馆是Raphael,以及它的绘图姊妹库g.Raphael.

Raphael的美妙之处在于它可以很容易地生成相当复杂的图形,包括一些非常漂亮的动画图形。请参阅上面网站上的示例,其中包括饼状图。

它是基于javascript的,所以你可以随时更新。

此外,Raphael优于其他类似的库,因为它即使在旧版本的IE(早到IE6!)中也能完美地工作,因为它在现代浏览器上使用SVG,而在旧版本的IE上则退回到VML。

希望对你有帮助。

在我看来,Google Chart是一个很好的选择:http://code.google.com/apis/chart/

我使用过这个库,并且非常喜欢它:http://www.highcharts.com/

还有很多其他的选择,我认为没有必要重新发明轮子。