用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库，可以让你轻松制作饼图，doughnutcharts。 也很容易定制。 对于这类事情来说，定制总是令人痛苦，但从头开始要困难得多，所以我强烈推荐这个。