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 设计而不是生成图形。现在已经在 Google 上使用了 2 天..

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

Answer 1

我认为这就是您一直在寻找的:http://www.chartjs.org/它是一个轻量级的 js 库，可让您轻松制作饼图、 donut chart ……。也很容易定制。自定义对于此类事情来说总是很痛苦，但从头开始要困难得多，所以我强烈推荐这个。