css - 使用 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 设计而不是生成图形。上谷歌2天了。。

欢迎任何提示、提示、链接等！谢谢 ：）

Answer 1

我认为这就是您一直在寻找的：http: //www.chartjs.org/ 这是一个轻量级的 js 库，可让您轻松制作饼图、甜甜圈等。也很容易定制。定制这些东西总是让人头疼，但从头开始要困难得多，所以我强烈推荐这个。