javascript - 这种环形区域面积随数字改变而改变的效果如何用css实现？

Question

应用于移动端，主要是求一个实现思路，不知道如何入手。

Answer 1

有好多各种图表框架，可以去搜一搜。
可以参考
http://echarts.baidu.com/demo.html#pie-doughnut
http://www.chartjs.org/docs/#doughnut-pie-chart-example-usage

Answer 2

https://bl.ocks.org/mbostock/4c5fad723c87d2fd8273
看看这个吧，一般都是用canvas画的。

Answer 3

这个只用css恐怕不能实现吧，可以考虑用canvas

Answer 4

纯CSS貌似会比较困难。

用canvas的画会比较简单。

主要用到函数

ctx.arc(x, y, r, startAngle, endAngle)

画圆弧并且填充就行了。