什么是最好的方式来创建饼状图和其他动画动态信息图形
What is the best way to create pie graphs and other animated dynamic info graphics?
创建饼状图和其他动画动态信息图形的最佳方法是什么?
我应该看看像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/
还有很多其他的选择,我认为没有必要重新发明轮子。
相关文章:
- 制作一个不带HTML a标记但在动画播放完毕后指向其他页面的超链接
- 对象获胜'如果qml中的其他地方定义了数字动画属性,则t设置动画
- jQuery悬停动画只在其他类似元素中的一个元素上
- 将列表项设置为负顶部的动画会使其他列表项下降
- 在页面加载的所有其他文件之后加载动画 gif
- 在单击时对元素进行动画处理,并在该元素和其他元素上单击鼠标输入/鼠标离开
- 单击图像,隐藏其他图像并使用JQUERY对图像滑动进行动画处理
- 在JavaScript中缓和动画,而无需jQuery或其他库
- jQuery:如果其他滚动函数,则进行动画处理
- 在 SVG 动画中围绕舞台原点以外的其他位置旋转路径
- 动画折叠移动其他元素
- 与其他变换函数异步制作不透明度动画
- jQuery动画在FF中运行良好,但在所有其他浏览器中效果不佳
- Jquery 鼠标悬停在与其他动画函数冲突的移动上
- Mozilla Firefox或除Chrome以外的其他浏览器的缩放动画
- 如何在调用window.open()时显示进度条或任何其他动画
- 我如何使那些由于附近的其他元素调用$. fadein()而移动的元素产生动画?
- 什么是最好的方式来创建饼状图和其他动画动态信息图形
- 防止.stop()停止其他动画
- 延迟动画,直到其他动画完成(滑动内容(