使用 CSS 为信息图 SVG 制作动画（圆环图）

Question

我想制作一个“仪表板”页面并以图形的方式显示一些数字。

我的想法是使用 Illustrator 设计，将其导出为 SVG，并根据数据库中的值使用 CSS 更改图表。

喜欢这些元素：http://graphicriver.net/item/infographic-elements/2656503?WT.ac=category_thumb&WT.seg_1=category_thumb&WT.z_author=REDPENCILMEDIA

我想使用那些 圆环图来可视化百分比。 但是如何使用 CSS（或 jQuery）调整图形。

找到了一些关于 d3.js 和其他库的教程，但我想使用 Illustator 设计而不是生成图形。已经在 Google 上呆了 2 天了..

欢迎任何提示、提示、链接等！谢谢:)

Answer 1

我想这就是你一直在寻找的：http://www.chartjs.org/ 这是一个轻量级的 js 库，可让您轻松制作饼图、甜甜圈等。 也很容易定制。 定制这样的事情总是让人头疼，但从头开始更难，所以我强烈推荐这个。