如何创建一个简单的甜甜圈图表

我正在尝试制作甜甜圈图表非常困难。所有的解决方案都使用库，我不想添加一个庞大的图表库来使用一个图表。另外，我的堆栈有点复杂，并且在使用库时遇到问题。所以我想尽可能地变得精益。基本上我想创建下面显示的图表。如何创建一个简单的甜甜圈图表

我想有中心的文字，也能够改变甜甜圈数据值，以便需要的JavaScript。我基本上已经尝试过在CSS中这样做，但在IE9中失败。据我了解，我将不得不使用SVG，但我对这个主题完全陌生，所以有人可以告诉我该如何开始？或者让我指出一个例子？

为了帮助您的搜索尝试进行饼图和放置一个圆形的顶部在它的前面。 – quemeful

一些技巧在这里http://stackoverflow.com/questions/37206635/circle-with-three-different-border-colors –

请参阅[重复问答]（http://stackoverflow.com/questions/23664633/draw-line - 开始从中心的每个部门在圆环图/ 23664955＃23664955）创建一个圆环图 - 忽略问题中请求的径向线。 – markE

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

纯CSS饼图的一个例子是here

2016-05-17 19:45:53 quemeful

回答