如何创建一个简单的甜甜圈图[重复]答案

【问题标题】：How to create a simple doughnut chart [duplicate]如何创建一个简单的甜甜圈图[重复]
【发布时间】：2016-09-14 01:44:45
【问题描述】：

我很难尝试制作甜甜圈图。那里的所有解决方案都使用库，我不想添加一个庞大的图表库来只使用一个图表。此外，我的堆栈有点复杂，并且在使用库时遇到了问题。所以我想尽可能地瘦。基本上我想创建如下所示的图表。

我希望有中心文本，并且能够更改甜甜圈数据值，因此需要 javascript。我基本上尝试在 CSS 中执行此操作，但在 IE9 中失败。据我了解，我必须为此使用 SVG，但我对这个主题完全陌生，所以有人可以告诉我应该如何开始吗？或者给我举个例子？

【问题讨论】：

【解决方案1】：

Try making a pie chart first. 
Then put a white circle on top with your detials inside (total 12000 etc.)

一个纯 CSS 饼图的例子是here

【讨论】：